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前 证 


制作 动态 网 站 是 一 个 复杂 的 过 程 ， 在 制作 过 程 中 会 涉及 许多 方面 的 知识 。 为 了 让 广大 
读者 快速 掌握 动态 网 站 的 制作 方法 ， 以 及 制作 过 程 中 所 涉及 工具 的 使 用 方法 ， 本 书 以 制作 
动态 网 站 “网 上 商城 ”为 主轴 ， 用 精练 、 通 俗 易 懂 的 语言 ， 全 面 剖 析 了 动态 网 站 的 制作 过 
程 ， 使 读者 能 独自 制作 具有 众多 功能 的 动态 网 站 。 


本 书 各 章 内 容 如 下 。 
@ 第 1 章 : 制作 动态 网 站 之 前 ， 需 要 对 网 站 进行 详细 策划 。 例 如 ， 制 作 网 站 的 目的 


是 什么 ， 它 将 实现 哪些 功能 ， 需 要 使 用 哪 种 技术 ， 制 作 过 程 中 会 使 用 哪些 工具 
等 。 本 章 通过 网 上 商城 网 站 的 前 期 策划 ， 对 上 述 问 题 一 一 做 了 答复 。 

第 2 章 : 网 页 的 制作 离 不 开 图 片 的 应 用 。 本 章 通过 制作 网 上 商城 首页 效果 图 和 网 
页 动画 ， 介 绍 了 目前 最 流行 的 图 片 编辑 软件 Photoshop 和 动画 制作 软件 Flash 的 
使 用 方法 。 

第 3 章 : 在 制作 网 站 之 前 ， 需 要 创建 一 个 站 点 ， 将 网 站 所 用 到 的 所 有 资源 放置 其 
中 ， 以 便 今后 的 发 布 与 管理 。 本 章 通 过 创建 网 上 商城 站 点 ， 介 绍 了 网 站 服务 器 
IIS 的 安装 与 测试 ， 以 及 站 点 的 创建 与 管理 。 

第 4 章 : 要 提高 网 站 的 制作 效率 ， 离 不 开 高 水 准 的 制作 工具 。 本 章 通过 制作 网 上 
商城 网 站 中 的 网 页 ， 介 绍 了 使 用 Dreamweaver 制作 网 页 的 方法 与 技巧 。 

第 5 章 : 动态 网 站 与 静态 网 站 的 主要 区 别 就 是 动态 网 站 使 用 了 数据 库 技术 。 本 章 
通过 创建 网 上 商城 数据 库 ， 介 绍 了 Access 数据 库 的 使 用 方法 。 

第 6 章 : 目前 流行 的 动态 网 页 编程 语言 有 ASP、ASPNET、PHP 和 JSP 等 。 本 
章 通过 实例 介绍 了 制作 ASP 动态 网 页 的 方法 。 

第 7 章 : 动态 网 页 之 所 以 会 动 ， 是 因为 它 调用 了 数据 库 中 的 数据 ， 因 此 ， 制 作 动 
态 网 页 之 前 ， 需 要 连接 数据 库 。 本 章 以 连接 网 上 商城 网 站 的 数据 库 shop 为 例 ， 
介绍 了 通过 ASP 连接 数据 库 的 方法 。 

第 8 章 : 动态 网 站 分 为 前 台 与 后 台 两 个 系统 ， 前 台 用 于 公司 产品 与 服务 的 展示 。 
本 章 介绍 了 网 上 商城 网 站 的 前 台 页 面 制作 方法 。 

第 9 章 : 网 站 后 台 用 于 网 站 数据 的 管理 。 本 章 介 绍 了 网 上 商城 网 站 的 后 台 页 面 制 
作 方 法 。 

第 10 章 : 网 站 制作 完成 之 后 ， 就 可 以 对 其 进行 测试 ， 然 后 将 其 进行 发 布 与 
推广 。 

第 11 章 : 本 章 介 绍 了 在 Windows Server 2003( 书 中 有 时 简称 为 Windows 2003) 中 
安装 与 配置 IIS 的 方法 、SQL Server 的 安装 与 使 用 ， 以 及 如 何 将 网 上 商城 网 站 部 
署 到 Windows Server 2003 服务 器 中 ， 并 将 SQL Server 作为 网 站 数据 库 。 


随 书 附 赠 了 一 张 多 媒体 教学 光盘 ， 它 通过 语音 讲解 、 视 频 演练 的 方式 ， 让 读者 轻松 掌 
握 网 站 制作 所 用 到 的 知识 。 
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击 鼠 标 可 跳 过 影片 ， 进 入 多 媒体 教学 光盘 主 界面 。 
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(3) 教学 窗口 的 中 控制 面板 中 各 播放 控制 按钮 的 功能 说 明 如 下 。 
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六 建设 必 备 知识 
本 章 学 习 重 点 
重 只 认识 网 站 和 网 页 
tg 网 站 工作 原理 
晤 风 oo 网 站 制作 流程 
网 站 制作 是 一 个 系统 工程， 它 涉及 了 许多 不 同 的 领域， 但 是 只 要 理 清 了 它 的 抽 作 电 


路 ， 知 道 了 制作 的 要 点 ， 那 么 学 习 起 来 便 很 容易 了 。 下 面 介绍 网 站 是 如 何 工作 的 ， 以 及 它 
的 制作 流程 。 


1.1 认识 网 站 和 网 页 


1.1.1 网 站 的 概念 

网 站 就 是 若干 网 页 的 集合 ， 用 于 为 互联 网 用 户 提供 各 种 各 样 的 服务 ， 例 如 新 闻 浏 览 
买卖 商品 和 资源 下 载 等 。- 个 网 站 包含 一 个 主页 和 若干 个 子 页 。 网 站 主页 是 访问 网 站 时 的 
第 一 个 页 面 ， 是 网 站 的 门户 ， 通 过 主页 可 以 链接 到 网 站 的 其 他 页 面 。 


12 静态 网 页 与 动态 网 页 的 区 别 
网 页 就 是 在 浏览 器 中 所 看 到 的 用 于 展示 Intemet 信息 的 页 面 ， 它 分 为 静态 和 动态 两 种 
@ ”静态 网 页 静态 网 页 所 显示 的 内 容 不 会 根据 客户 的 请 求 发 生变 化 。 静 态 网 页 文件 
的 扩展 名 为 .shtml、.html、.htm、.xml 等 ， 如 左下 图 所 示 。 
@ ”动态 网 页 : 指 网 页 可 以 根据 客户 的 不 同 请 求 显 ; 示 不 同 的 内 容 。 动 态 网 页 文件 的 扩 
展 名 为 .asp、.jsp、.php、.perl、.cgi 等 。 此 外 ， 在 动态 网 页 网 址 中 有 一 个 标志 1 
的 符号 “?”， 如 右 下 图 所 示 。 
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概括 起 来 ， 静 态 网 页 与 动态 网 页 的 主要 区 别 如 下 。 


快 条 全 电脑 一 动态 网 站 设计 基础 与 应 用 


@ ”用 途 不 同 。 静态 网 页 只 能 显示 文字 、 图 片 和 动画 展示 ， 而 采用 动态 网 页 技术 的 网 
站 可 以 实现 更 多 的 功能 ， 如 用 户 注 册 、 用 户 登录 、 在 线 调查 、 用 户 管 理 和 订单 管 
理 等 。 

@ 显示 方式 不 同 。 对 于 静态 网 页 而 言 ， 任 何人 、 任 何 时 候 看 到 的 网 页 都 是 一 样 的 
动态 网 页 则 不 然 ， 动 态 网 页 能 根据 不 同 的 时 间或 不 同 的 来 访 者 显示 不 同 的 内 容 。 

e@ ”制作 技术 不 同 。 静 态 网 页 可 通过 Dreamweaver 等 软件 自动 生成 HTML 代码 ， 或 
直接 手工 编写 HTML 代码 来 制作 ; 动态 网 页 以 数据 库 技术 为 基础 ， 必 须 通 过 编 
程 来 制作 。 

@ ”更 新 方式 不 同 : 要 更 新 静态 网 页 ， 必 须 直 接 更 改 网 页 文件 ， 要 更 新 动态 网 页 ， 只 
需 更 新 数据 库 即 可 ， 因 而 可 大 大 降低 网 站 维护 的 工作 量 。 

除 此 之 外 ， 还 应 注意 如 下 几 点 。 

@ 这 里 说 的 动态 网 页 与 网 页 上 的 各 种 动画 、 滚 动 字 幕 等 视觉 上 的 “动态 效果 ”没有 
直接 关系 ， 动 态 网 页 可 以 是 纯 文字 内 容 的 ， 也 可 以 是 包含 名 种 动画 的 ， 这 些 只 是 
网 页 具体 内 容 的 表现 形式 。 无 论 网 页 是 否 具有 动态 效果 ， 采 用 动态 网 站 技术 生成 
的 网 页 都 称 为 动态 网 页 。 

@ ”由 于 HTML 代码 中 可 以 嵌 套 JavaScript 等 程序 代码 ， 因 而 ， 静 态 网 页 也 可 以 产生 
诸如 滚动 字幕 、 简 单 的 本 地 交互 等 效果 。 

@ ”动态 网 页 中 的 “? ”对 搜索 引擎 检索 存在 一 定 的 问题 ， 搜 索引 擎 一 般 不 可 能 从 一 

个 网 站 的 数据 库 中 访问 全 部 网 页 ， 或 者 出 于 技术 方面 的 考虑 ， 搜 索 蜂 蛛 不 去 抓 取 

网 址 中 “? ”后 面 的 内 容 。 因 此 ， 采 用 动态 网 页 的 网 站 在 进行 搜索 引擎 推广 时 ， 
需要 做 一 定 的 技术 处 理 才 能 适应 搜索 引擎 的 要 求 。 
@ ”由 于 动态 网 页 文件 位 于 网 站 服务 器 上 ， 客 户 机 看 到 的 只 是 由 该 程序 文件 生成 的 效 
果 和 代码 ， 因 此 ， 动 态 网 页 具有 更 高 的 安全 性 。 
静态 网 页 和 动态 网 页 各 有 特点 ， 可 以 根据 网 站 的 功能 需求 和 网 站 内 容 的 多 少 来 选择 ， 
若 网 站 功能 比较 简单 ， 内 容 更 新 量 不 大 时 ， 采 用 纯 静 态 网 页 方式 比较 合适 ， 反 之 采用 动态 
网 页 技术 比较 合适 。 


1.2 网 站 工作 原理 


目前 网 站 主要 分 为 静态 网 站 和 动态 网 站 两 类 ， 它 们 的 工作 原理 各 不 相同 。 下 面 介绍 它 
们 的 主要 区 别 。 


1.2.1 静态 网 站 工作 原理 


静态 网 站 是 一 种 没有 使 用 数据 库 技术 的 纯 静 态 网 页 所 构成 的 网 站 ， 适 用 于 中 小 型 企 
业 ， 作 为 公司 的 一 个 展示 平台 。 

静态 网 站 的 工作 原理 如 下 。 

(1) 用 户 通 过 浏览 器 输入 要 访问 的 主页 地 址 向 服务 器 发 出 请 求 。 

(2) 浏览 器 通过 网 络 将 请 求 发 送 到 Web 服务 器 。 


IO 


CE 人 
> 
(3) Web 服务 器 根据 网 页 文件 的 名 称 判 断 该 网 页 文件 的 类 型 以 及 存储 位 置 ， 然 后 在 硬 
盘 或 内 存 中 读 取 该 网 页 文件 并 将 其 返回 到 用 户 浏览 器 。 
(4) 浏览 器 解释 返回 的 网 页 文件 并 显示 结果 。 


1.2.2 ”动态 网 站 工作 原理 


动态 网 站 是 一 种 使 用 了 数据 库 技术 的 纯 动态 网 页 或 动态 与 静态 网 页 混合 组 成 的 网 站 。 

动态 网 站 的 工作 原理 如 下 。 

(1) 用 户 在 浏览 器 地 址 栏 中 输入 要 访问 网 站 的 网 址 。 

(2) 浏览 器 将 用 户 的 请 求 发 送 到 Web 服务 器 。 

(3) Web 服务 器 接收 请 求 后 ， 根 据 网 页 文件 的 名 称 判断 是 否 为 动态 网 页 。 

(4) 若 网 页 为 动态 网 页 ， 则 服务 器 将 在 硬盘 或 内 存 中 读 取 程序 文件 ， 服 务 器 引擎 开始 
运行 程序 文件 。 

(5) 服务 器 将 执行 程序 文件 后 生成 的 静态 页 面 返回 到 用 户 浏览 器 。 

(6) 浏览 器 解释 返回 的 静态 页 面 并 显示 结果 。 


1.3 网 站 制作 流程 
制作 网 站 是 一 个 系统 工程 ， 必 须 遵循 特定 的 工作 流程 才能 快速 制作 出 一 个 完整 的 网 
站 。 下 面 以 制作 网 上 商城 网 站 为 例 ， 介 绍 网 站 制作 的 具体 流程 。 


1.3.1 需求 分 析 

需求 分 析 是 指 理解 用 户 的 需求 ， 将 网 站 的 功能 与 客户 达成 一 致 ， 即 明白 为 什么 做 网 
站 ， 这 个 网 站 可 以 提供 哪些 服务 ， 完 成 什么 样 的 功能 等 。 
1.3.2 ”划分 网 站 结构 


网 站 的 规划 包含 网 站 的 结构 、 栏 目的 设置 、 网 站 的 风格 、 颜 色 搭配 、 版 面 布 局 以 及 文 
字 图 片 的 运用 等 。 如 下 图 所 示 是 网 上 商城 网 站 的 整体 结构 图 。 
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为 了 更 好 地 管理 网 站 内 容 ， 还 需要 建立 一 个 功能 全 面 的 网 站 后 台 ， 用 于 维护 与 更 新 网 
站 。 网 上 商城 网 站 后 台 的 结构 如 下 图 所 示 。 


1.3.3 设计 网 站 效果 

确定 网 站 所 要 实现 的 功能 后 ， 便 可 以 对 网 站 进行 风格 颜色 的 搭配 设计 和 网 页 版 面 布 
局 。 这 一 步 通常 使 用 Photoshop 来 完成 ， 即 利用 Photoshop 制作 出 网 站 效果 图 ， 以 便 应 用 
到 网 页 中 。 

1. 设计 网 站 标志 

网 站 标志 可 以 是 中 文 、 英 文字 母 或 两 者 结合 使 用 ， 也 可 以 是 符号 、 图 案 等 。 标 志 的 创 
意 应 当 来 自 网 站 的 名 称 和 内 容 ， 最 常用 的 便 是 用 自己 网 站 的 名 称 作 为 标志 。 如 下 图 所 示 为 
某 一 网 站 的 标志 。 
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2. 设计 网 站 色彩 

“标准 色彩 ”是 指 体现 网 站 形象 和 延伸 内 涵 的 色彩 。 通 常 一 个 网 站 的 色彩 不 应 超过 3 
种 ， 否 则 很 容易 让 人 了 眼花 综 乱 。 
3. 设计 网 站 字体 
“标准 字体 ”是 指 用 于 标志 和 导航 栏 的 特有 字体 。 一 般 网 页 默认 的 字体 是 宋体 。 为 了 
网 站 的 特色 风格 ， 也 可 以 选择 一 些 特别 字体 ， 表 达 网 站 特有 的 内 涵 。 
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4. 设计 网 站 宣传 广告 


宣传 广告 通常 用 于 描述 网 站 主题 与 中 心 ， 或 是 网 站 目标 ， 通 常用 一 句 话 或 一 个 词 来 概 
括 。 如 下 图 所 示 为 网 上 商城 网 站 的 宣传 广告 。 


$C 网 上 商城 


5. 网 站 首页 效果 图 


网 站 首页 包含 了 版 面 、 色 彩 、 图 像 、 图 标 及 动态 效果 等 风格 设计 。 如 下 图 所 示 为 网 上 
商城 首页 效果 图 。 
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1.3.4 文件 结构 设计 

在 制作 网 站 内 容 之 前 ， 最 好 将 网 站 中 可 能 用 到 的 文件 夹 创 建 出 来 。 例 如 ， 创 建 一 个 
Shop 文件 夹 ， 用 于 存储 网 站 中 的 所 有 文件 ， 这 样 既 方 便 以 后 的 开发 工作 ， 又 可 以 规范 网 
站 整体 结构 。 例 如 ， 可 以 为 网 上 商城 创建 一 个 如 下 图 所 示 的 文件 夹 结 构 。 


日 园 sh 
全 存储 后 台 管 理 文件 
images 存储 网 站 后 台 图 片 文件 
database 存储 网 站 数据 库 文件 
入 | inages 存储 网 站 前 台 图 片 文件 
a include 存储 网 站 数据 库 连接 等 文件 
一- 国 file 存储 上 传 的 图 片 文件 


| 
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1.3.5 制作 网 页 


接 下 来 便 可 以 按照 规划 来 制作 网 页 。 目 前 最 流行 的 网 页 制作 软件 为 Dreamweaver， 使 
该 软件 可 以 快速 有 效 地 制作 精美 的 网 页 ; 最 流行 的 网 页 脚本 语言 为 JavaScript 和 
VBScript， 使 用 脚本 语言 可 以 为 网 页 添加 许多 动态 效果 ， 例 如 浮动 的 图 片 、 自 动 打开 新 窗 
口 等 。 


制作 网 页 是 个 复杂 而 细致 的 过 程 ， 应 按照 先 大 后 小 、 先 简单 后 复杂 的 顺序 进行 制 


作 。 先 大 后 小 是 指 在 网 页 制作 时 先 把 大 的 结构 设计 好 ， 然 后 再 逐步 完善 小 的 结构 ; 先 
简单 后 复杂 是 指 先 设计 出 简单 的 内 容 再 设计 复杂 的 内 容 ， 以 便 出 现 问题 时 好 修改 。 另 
外 ， 在 制作 网 页 时 尽量 使 用 模板 以 提高 效率 。 


1.3.6 数据库 设计 


在 开发 动态 网 站 时 ， 需 要 使 用 数据 库 来 存储 网 站 中 的 绝 大 多 数 数据 (例如 ， 存 储 会 员 
信息 、 商 品 信息 等 )。 直 接 修改 数据 库 中 的 信息 ， 便 可 以 修改 网 站 显示 的 内 容 ， 这 样 便于 
维护 与 更 新 网 站 信息 。 

网 上 商城 是 一 个 面向 庞大 用 户 的 网 站 ， 并 且 商 品 信息 要 经 常 更 新 ， 因 此 需要 使 用 一 个 
大 型 的 数据 库 系 统 来 管理 网 站 中 的 数据 。 根 据 需 求 分 析 ， 需 要 为 网 上 商城 数据 库 shop 创 
建 11 个 数据 表 ， 用 于 分 类 存储 数据 ， 如 下 图 所 示 。 

网 上 商城 数据 库 


数据 库 的 设计 通常 是 以 一 个 已 经 存在 的 数据 库 管 理 系统 为 基础 的 ， 目 前 常用 的 数据 
库 管 理 系统 有 Access、SQL Server、Oracle 等 。 网 上 商城 采用 了 Access 数据 库 管 理 
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1.3.7 ”开发 动态 模块 


网 页 制作 完成 后 ， 便 可 着 手 开发 动态 功能 模块 。 目 前 流行 的 动态 网 站 编程 语言 
ASP、Java、ASPNET、PHP 等 。 在 网 上 商城 网 站 中 使 用 的 动态 功能 模块 有 搜索 功能 、 新 
闻 发 布 功能 、 在 线 购物 和 留言 板 等 。 

1. 搜索 功能 

搜索 功能 的 作用 是 使 浏览 者 在 短 时 间 内 ， 迅 速 地 从 大 量 数 据 信息 中 找到 符合 要 求 的 数 
据 。 实 现 搜 索 功 能 需要 使 用 相应 的 程序 以 及 完善 的 数据 库 支 持 。 

2. 新 闻 发 布 系统 

新 闻 发 布 系统 适用 于 经 常 更 新 的 栏目 或 页 面 。 新 闻 发 布 系统 提供 了 简便 直观 的 页 面 文 
字 信 息 更 新 维护 界面 ， 在 一 定 程度 上 提高 了 工作 效率 ， 降 低 了 技术 要 求 。 如 下 图 所 示 为 新 
闻 发 布 页 面 。 


后 退 国 多 | 站 扫 雪 六 收 天 好 捉 休 如 轿 - 口 
OE /localhost/adnin/nanage. asp 了 园 9 链接” 


系统 首页 | 注销 登录 | 并 人 : lae 
一 所 :|2007-10-30 8:06:14 


3. 在 线 购 物 

在 线 购 物 是 实现 网 上 交易 的 基础 ， 用 户 可 以 将 感 兴趣 的 产品 放 入 自己 的 购物 车 中 ， 以 
备 最 后 统一 结账 ; 也 可 以 修改 所 购物 品 的 数量 ， 甚 至 将 选择 的 商品 从 购物 车 中 取出 。 在 用 
户 选择 结算 后 系统 会 自动 生成 订单 。 如 下 图 所 示 为 购物 车 信息 。 


------------@@G@@G:------------ 
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文件 四 ” 忽 辑 加 ”查看 WD 收藏 全 工具 中 帮助 如 | 得 
四 而 -加 -昌国 他 | 万 拓 索 立 收 基 厅 痢 体 如 | - 沁 梧 口 

可 园 # ia ” 

台 


王 让 加 | 图 http://localhesteowra asp?ProdId-34 


-人 网 上 商城 


| 


民 


由 首页 是 新 站 


小 计 


数量 市场 价 ”会 员 价 ” 成交 价 


商品 名 称 


厅 80 分钟 粉色 小 猪 定时 器 [10.8 2.3 2.3 2.3 
Bm Bw] ww sit:23 

» 
L 不 和 区 二 4 


4. 留言 板 
留言 板 是 为 浏览 者 提供 信息 交流 的 模块 ， 浏 览 者 可 以 针对 网 站 的 产品 、 服 务 或 其 他 话 
题 提 出 问题 、 进 行 咨询 或 得 到 售后 服务 等 。 如 下 图 所 示 为 用 户 留言 页 面 。 


Nicrosoft Internet Erplorer 


罚 数 码 商城 -- 北 京 金 全 殷 文 化 发 展 中 心 
文件 @) 编辑 于 查看 0D 收藏 和 A) 工具 I) 帮助 人 D 


回民- 问 - 辐 辐 训 | 门 扫 案 于 机 天 好 着 作 各 -> 全 
半 业 加 | 乱 http://1ocslhost/liuyan 了 | 


悠 共 登 录 了 6 次 


上 次 登录 : 2007-10-30 8:21:08 
: F007-10-30 8:22:44 


: [后 该 要 服务 


驳 迎 ding 用 户 


我 购买 了 茸 机 ， 和 过 了 一 不 多 月 了 还 没 到 ， 订 章 寻 是 16588, 下 


天 了 一 部 
| 请 尽快 给 我 解释 一 下 。 | 


| 
一 


1.3.8 网 站 测试 与 发 布 
网 站 制作 完成 后 ， 便 可 以 对 网 站 进行 测试 ， 如 无 问题 便 可 将 其 发 布 到 Web 服务 器 
上 ， 让 全 世界 的 朋友 欣赏 。 


> EE 2 
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1. 网 站 测试 

在 网 站 制作 完毕 后 ， 需 将 其 放 入 本 地 服务 器 中 试 运行 一 下 ， 查 看 网 站 中 各 个 网 页 的 链 
接 是 否 有 问题 ， 查 看 网 站 与 数据 库 的 连接 是 否 正 常 ， 查 看 网 站 中 的 各 个 模块 与 各 种 网 页 效 
果 显 示 是 否 正 常 。 

2. 网 站 发 布 

如 果 网 站 在 本 地 服务 器 中 测试 没有 问题 ， 便 可 到 网 上 申请 域名 和 空间 (域名 和 空间 也 
可 以 在 制作 网 站 之 前 申请 )， 然 后 将 网 站 发 布 到 网 络 服务 器 中 ， 便 可 以 正式 运作 。 


间 与 答 


间 : 什么 是 WWW? 

管 ， WWW(World Wide Web) 简 称 Web， 中 文 名 为 “万 维 网 ”， 它 使 用 超 文本 方式 
将 Intemet 上 的 信息 数据 连接 在 一 起 。 超 文本 是 一 种 结构 化 的 文档 ， 采 用 超 文 本 标记 语言 
书写 而 成 ， 又 称 为 HTML 文档 。 

间 : 什么 是 服务 器 ? 

管 ， 服务 器 是 指 在 网 络 中 能 为 其 他 机 器 提供 某 些 服务 的 计算 机 系统 。 如 果 一 台电 脑 
对 外 提供 某 些 网 络 服务 ， 也 可 以 称 其 为 服务 器 。 通 常服 务 器 的 配置 要 高 于 一 般 机 器 。 

间 : 什么 是 客户 端 ? 

莹 :在 计算 机 世界 中 ， 凡 是 提供 服务 的 一 方 都 称 为 伺服 端 (服务 器 )， 而 接受 服务 的 
另 一 方 则 称 为 客户 端 。 例 如 ， 在 局 域 网 中 使 用 打印 机 时 ， 提 供 打 印 服务 的 计算 机 可 称 为 打 
印 服务 器 ， 而 使 用 打印 服务 器 所 提供 打印 服务 的 另 一 方 则 称 为 客户 端 。 

间 ; 什么 是 URL? 

落 : URL(Uniform Resource Locator) 即 “统一 资源 定位 器 ”， 用 于 指出 某 一 项 信息 所 
在 位 置 及 存 取 方 式 。 例 如 车 要 访问 某 一 网 站 ， 则 在 地 址 栏 输入 的 便 是 URL。 

间 : 什么 是 虚拟 主机 ? 

答 : 虚拟 主机 是 使 用 特殊 的 软 硬 件 技术 ， 在 网 络 服务 器 上 开辟 出 一 定 配 额 的 磁盘 空 
间 供 用 户 放 置 网 站 、 文 件 等 内 容 。 每 一 台 虚 拟 主机 都 具有 独立 的 域名 和 IP 地 址 (或 共享 的 
卫 地址 )， 具 有 完整 的 Internet 服务 器 功能 。 

间 : 什么 是 域名 ? 

管 :， Intemet 域名 是 Intemet 上 的 一 个 服务 器 或 一 个 网 络 系统 的 名 称 ， 它 是 唯一 的 ， 
即 在 全 世界 没有 重复 的 域名 。 域 名 以 若干 个 英文 字母 和 数字 组 成 ， 用 “.” 分 隔 为 几 部 
分 ， 如 baidu.com 便 是 一 个 域名 。 

间 : 什么 是 网 站 空间 ? 

落 ; 网 站 空间 就 是 Web 服务 器 上 储存 网 站 代码 并 提供 访问 的 空间 。 


-OOOE.---------- 


快 条 电脑 一 动态 网 站 设计 基础 与 应 用 


通常 包括 “公司 简介 ”、“ 新 闻 中 心 ”、 
和 “友情 链接 ”等 几 大 版 块 。 


EE 沪 汗 网 页 注 呆 图 一 一 
网 上 商城 制作 第 | 步 


本 章 学 习 重 点 


只 使 用 Photoshop CS3 设计 网 页 效果 图 
了 入。 喇 使 用 Flash 制作 动画 


Photoshop 是 目前 应 用 最 广泛 的 平面 设计 软件 ， 网 页 中 的 图 像 多 数 都 是 用 它 来 处 理 。 
下 面 通过 制作 网 上 商城 网 页 效果 图 ， 介 绍 平面 设计 的 基本 概念 、Photoshop 的 主要 功能 和 
使 用 Photoshop 进行 网 页 图 像 设 计 的 过 程 。 


2.1 使 用 Photoshop CS3 设计 网 页 效果 图 


网 页 效果 图 所 展示 的 是 网 页 最 终 效果 。 制 作 网 页 时 将 根据 需要 将 效果 图 切割 为 多 个 切 
片 (通常 为 .gif 格式 的 图 片 文件 )， 应 用 到 网 页 中 的 相应 位 置 。 

Photoshop 是 目前 最 为 流行 的 平面 设计 软件 ， 目 前 Photoshop 的 常用 版 本 为 Photoshop 
CS3 。 通 过 它 可 以 对 图 像 进行 修饰 、 编 辑 ， 以 及 色彩 处 理 等 操作 。 在 网 站 制作 中 
Photoshop 主要 用 于 制作 网 页 效果 图 、 编 辑 网 页 图 像 等 。 

实例 1 制作 网 上 商城 Logo 

Logo 即 网 站 标识 ， 是 网 站 形象 的 重要 体现 ， 主 要 由 企业 品牌 的 标准 名 称 、 标 准 图 形 
(字体 图 形 和 形象 图 形 )、 标 准 色彩 ， 按 照 标准 规范 组 合 构成 。Logo 设计 将 企业 的 发 展 战略 
和 行为 方式 通过 特殊 的 图 形 固定 下 来 ， 使 人 们 在 欣赏 之 余 对 其 产生 联想 ， 从 而 对 企业 产生 
认同 。 

实例 目标 

设计 网 上 商城 Logo， 它 的 设计 应 该 能 体现 公司 的 核心 理念 ， 力 求实 现 简 约 、 大 气 ， 
色彩 搭配 合理 、 美 观 。 其 最 终 效 果 如 下 图 所 示 。 


《网 上 商城 


在 Photoshop CS3 中 新 建 一 个 文档 ， 使 用 画笔 工具 绘制 3 个 点 ， 然 后 通过 文字 工具 添 
加 字母 C 并 对 其 进行 变形 ， 即 可 制作 网 站 图 形 标志 ， 最 后 输入 网 站 名 称 即 可 。 
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¢ rr 实例 [| 实例 素材 | 于 
[实例 效果 | 效果 素材 与 实例 \ 第 2 章 \ 实 例 1\logo.psd 


网 站 Logo 目前 主要 有 3 种 规格 : 88 x 31、120 x 60、120 x 90( 单 位 : 像素 )。 本 例 
为 结合 网 站 整体 结构 ， 将 Logo 设计 为 合适 的 尺寸 。 


操作 过 程 
利用 Photoshop CS3 制作 网 上 商城 Logo 的 具体 操作 如 下 。 


中 | 选择 “文件 ”一 “新 建 ”命令 或 按 CtltN 快捷 
EE 键 ， 在 打开 的 “新 建 ”对 话 框 中 ， 按 左 图 所 示 ， 对 
文档 属性 进行 设置 ， 然 后 单 击 “确定 ”按钮 ， 新 建 
汪汪 -个 文档 。 
高 度 (d): [70 全 
分 状 素 (R): [72 像素 /其 十 [ec 
部 色 模式 (M); | RGB 逆 色 。 六 | |8 位 
背 最 内 容 (C); | 白色 


选择 “窗口 ”一 “图 层 ” 合 
令 ， 可 显示 /隐藏 图 层 而 板 


单 击 “ 设 置 前 景色 ”或 “设置 背景 
色 ” 颜 色 框 ， 可 打开 “ 拾 色 器 ”对 
话 框 ， 设 置 前 景色 与 背景 色 


WM TT ETE RET TITEEIT ET E 生 
.| 正常 司 | 不 透明 度 ; 100% ”| 


镇 定 ; 回 地 中 全 。 填充 :|100% »| 


人 ds | 
单 击 “ 创 建新 图 层 ” 按 名 画 CD 趣 R 
> 可， 新建 一 个 图 层 。 ga 


页 
字 


单 击 某 一 图 层 ， 可 选中 该 图 层 ， 


Bk 
产 


ee 选中 图 层 后 ， 单 击 “ 删 除 图 层 ” 

pp 按钮 当 ， 可 删除 选中 图 层 

EE 有 A 

EA 

0.&, 

EE a 一 一 和 3 将 前 景色 设 到 为 fall ， 单 击 “ 确 
罗 [ 罗 GR 定 ”按钮 返回 文档 窗 


OG 
OB: [17 | 


rr] 


"加 


日 


C2) mm 


L_ > 第 2 章 ， 设 计 网 灰 效果 图 一 一 网 上 商城 制作 第 1 步 


:Logo @ 100% (图 层 --- 局 |] 届 | 属 | 


PE me, 隐 | 一 一 申 4 选择 油漆 桶 工具 仿 .， 将 鼠标 指针 移动 到 文档 
- 窗口 并 单 击 ， 对 图 层 进行 填充 。 


1 历 各 动作 和 仿制 信息 字符 彼 划 
下 六 不 二 明度 :ioo% 司 
祯 定 : 思 于 中 人 。 填充 :100% 避 


审 $ 创建 一 个 新 图 层 ， 选 择 画 笔 工具 到 ， 在 属性 一 一 
栏 中 单 击 目 按钮 ， 或 者 选择 “窗口 ”一 “画笔 ” 命 
令 打 开 画 笔调 板 。 


| “三 
[2 合同 | 一 一 他 6 将 主 直 径 设置 为 12px， 选 中 “平滑 ” 复 选 
Saal 框 ， 然 后 单 击 “画笔 笔尖 形状 ”选项 。 
四 回回 加 加 吕 
EE 
Ils 
各 辣 辣 网 网 妇 
EE 
主 直径 lizpx 
对 a 
| 
人 
人 中 7 将 “硬度 ”设置 为 6096。 引 Dawvaam 
口 蜡 枪 。 刁 | 角度 ; |o 度 
7 BP | mm, loo 
OR @| mr 


事 9 在 画笔 调 板 中 选择 “形状 动态 ”选项 ， 设 
置 “ 控 制 ” 为 “ 渐 隐 ”， 其 值 为 10，“ 最 小 
直径 ”为 10%， 然 后 在 图 层 2 中 绘制 右 图 所 
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囊 10 选择 横 排 文字 工具 | 了， 按 左 图 所 示 ， 在 
属性 栏 设 置 文字 属性 ， 然 后 在 文档 窗口 输入 字 
母 C， 单 击 “ 创 建文 字 ” 变 形 按钮 生 ， 打 开 
“变形 ”文字 对 话 框 。 


Ny 


妈 
. 芳 
.oo. 

a 


> EE | 


> 


囊 11 在 “样式 ”下 拉 列 表 框 中 ， 选 择 “ 凸 起 ” 
选项 ， 然 后 按 右 图 所 示 ， 设 置 其 参数 ， 最 后 单 


击 “ 确 定 ”按钮 ， 对 字母 C 进行 变形 


i 
vy 

RE 有 度 woo ] 度 ze 韦 12 选择 “编辑 ”一 “自由 变换 ”命令 ， 或 按 

= CtrHtT 组 合 键 ， 对 字母 C 进行 自由 变换 ， 效 果 

如 左 图 所 示 ， 然 后 单 击 属性 栏 w 按钮 ， 或 按 


令 13 选择 “图 层 ” 一 “图 层 样式 ”一 “ 描 边 ” 
命令 ， 在 打开 的 “图 层 样式 ”对 话 框 中 设置 关 


色 值 为 三 FFFFF、 大 小 为 2、 不 透明 度 为 80， 
单 击 “ 确 定 ”按钮 ， 对 文字 进行 描 边 。 


| 历史 动作 画 弟 仿制 信息 本 福 自 篇 国 屋 “ 民 合 | 
正常 本 不通 明度 :|100% 六 

雪 定 ; 口 了 中 目 。 填 序 ||100% 到 

日 

EL 

二 加 图 屋 ! 

dm a 


搜 15 选中 “图 层 2”， 选择 “图 层 ”一 
“图 层 样式 ”一 “外 发 光 ” 命 令 ， 在 打开 的 
“图 层 样式 ”对 话 框 中 ， 按 右 图 所 示 ， 对 外 
发 光 参 数 进行 设置 ， 单 击 “ 确 定 ”按钮 ， 对 
图 层 2 应 用 外 发 光 效 果 。 


Enter 键 应 用 变换 。 


捉 14 选中 C 图 层 ， 选 择 “ 图 层 ” 一 “向 
下 合并 ”命令 ， 或 按 Ctrl+E 组 合 键 ， 将 
文字 图 层 与 图 层 2 进行 合并 。 


Gerw J 
回 现 交 (V) 


mLogo 外 100% 《网 上 商 - - - 


1 丽 动 画 何人 文采 二 司 计 x 什 ] 了 
于 | 天 了 利和 有 二 划 和 用 和 了 和 和 和 和 和 


一 一 搜 16 对 图 层 2 进行 自由 变换 ， 效 果 如 左 图 


口子 中 上 -EE 所 示 ， 然 后 选择 横 排 文字 工具 ， 按 左 图 所 示 
四 nism ”国正 设置 其 属性 ， 输 入 文字 “网 上 商城 ”。 
届 已 习 相 E2 Load 
局 | EE 图 层 1 
AR EE 
EB" EA EE] v 


通常 网 站 图 片 中 所 用 的 字体 都 是 一 些 具有 特殊 效果 的 字体 ， 系 统 中 并 没有 安装 ， 
可 以 到 网 上 下 载 一 些 网 页 常用 字体 ， 然 后 将 其 复制 到 C:\windows\fonts 文件 夹 中 (c 代表 
系统 盘 符 )， 即 可 将 字体 安装 到 电脑 中 。 


中 17 网 上 商城 Logo 已 制作 完成 ， 选 择 “ 文 
件 ” 一 “存储 ”命令 ， 或 按 Cal+rS 组 合 键 ， 
在 打开 的 “存储 为 ”对 话 框 中 ， 选 择 文件 格 
式 与 保存 位 置 ， 输 入 文件 名 ， 然 后 单 击 “ 保 
存 ” 按 钮 将 文件 保存 。 


Loge.psé 


Photoshep (0. PSD;#. FOD) 


PSD 格式 是 Photoshop 专用 文件 格式 ， 也 是 默认 的 文件 存储 类 型 。PSD 文件 格式 可 
以 将 文件 的 图 层 、 参 考 线 、Alpha 通道 等 属性 信息 一 起 存储 。 优 点 是 保存 的 信息 多 ， 缺 
点 是 文件 尺寸 太 大 。 若 想 将 文件 保存 为 其 他 格式 ， 如 jpg、.gif 等 ， 可 在 “格式 ”下 拉 
列表 框 中 进行 选择 。 


本 例 中 主要 使 用 了 如 下 工具 。 
@ ” 横 排 文字 工具 了 J， 用 于 在 图 层 中 添加 横向 排列 的 文字 ， 右 击 该 工具 可 选择 其 他 的 


文字 工具 。 
e ”设置 前 景色 与 设置 背景 色 盟 ， 在 编辑 图 像 时 ， 其 操作 结果 与 当前 设置 的 前 景色 和 


背景 色 有 着 非常 密切 的 联系 。 例 如 ， 在 使 用 画笔 工具 、 铅 笔 工 具 及 油漆 桶 等 工具 
在 图 像 窗 口 进行 绘画 时 ， 使 用 的 是 前 景色 ; 在 利用 橡皮 擦 工 具 控 除 图 像 窗 口中 的 
背景 图 层 时 ， 则 利用 背景 色 填 充 被 擦 除 的 区 域 。 
笔 工 具 么 : 是 常用 的 一 种 绘图 工具 ， 它 可 以 绘制 对 和 的 彩色 线条 ， 右 击 该 工具 
选择 其 他 绘图 工具 。 

e ”油漆 桶 工具 人 名: 利用 油漆 桶 工具 可 以 将 前 景色 或 图 案 填充 到 图 像 或 选区 当中 。 
此 外 ， 当 需要 移动 当前 选 定 图 层 或 制作 的 选区 时 。 可 在 工具 箱 中 选择 移动 工具 和 »， 然 


@ 
al 男 | 
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i (15 )l 


国电 入 一 动态 mi 计 基 础 与 应 用 


后 使 用 鼠标 或 键盘 光标 键 进行 移动 。 

图 层 在 图 形 绘制 和 图 像 处 理 时 具有 十 分 重要 的 作用 。 可 以 把 “图 层 ” 理 解 为 几 层 透明 
玻璃 全 加 在 一 起 ， 每 层 玻璃 上 都 有 不 同 的 对 象 ， 可 以 单独 处 理 每 层 玻璃 上 的 对 象 ， 而 不 
会 影响 其 他 层 的 对 象 。 这 每 一 层 玻璃 便 是 Photoshop 中 的 图 层 ，Photoshop 中 每 个 图 像 都 
由 一 个 或 多 个 图 层 组 成 ， 这 些 图 层 把 图 像 “ 分 解 ” 为 儿 个 部 分 ， 从 而 方便 单独 对 图 像 的 不 
同 部 分 进行 编辑 和 处 理 ， 此 外 ， 改 变 图 层 的 顺序 和 属性 可 以 改变 图 像 的 最 后 显示 效果 。 图 
层 原 理 如 下 图 所 示 。 


人 这 


实例 2 制作 网 上 商城 广告 条 


Banner 也 称 旗帜 广告 或 横幅 广告 ， 是 以 GIF、JPEG 等 格式 建立 的 图 像 文件 ， 通 常 放 
置 于 网 页 顶部 ， 用 来 展示 网 络 广告 i 内 容 。 


实例 目标 


制作 网 上 商城 首页 头 部 宣传 广告 ， 其 大 小 、 色 彩 要 与 网 站 整体 效果 相 匹 配 ， 内 容 简单 
实用 ， 要 能 突显 网 站 主题 。 网 上 商城 Banner 的 最 终 效 果 如 下 图 所 示 。 


制作 分 析 


新 建 一 个 文档 ， 用 渐变 工具 为 文档 图 层 填 充 渐 变 效果 ， 然 后 将 网 站 Logo 添加 到 文档 
中 ， 并 复制 网 站 图 形 标志 ， 通 过 自由 变换 对 其 进行 变形 ， 将 其 设置 为 Banner 背景 图 像 。 


¢ 区 太一 实例 | 实例 素材 | 素材 与 实例 \ 第 2 章 \ 实 例 2\Logo.psd 
[实例 效果 | 素材 与 实例 \ 第 2 章 \ 实 例 2\banner.psd 


操作 过 程 
使 用 Photoshop CS3 制作 网 上 商城 Banner 的 具体 操作 如 下 。 


中 1 按 CtrlHN 组 合 键 ， 在 打开 的 “新 建 ”对 
话 框 中 ， 按 左 图 所 示 设 置 其 属性 ， 然 后 单 击 
“确定 ”按钮 新 建 一 个 文档 。 


宽度 QW); 792 
高 度 (H): 129 
分 关 素 (R): 72 全 来/ 英寸 ” 闻 
颜色 模式 (M): | RGB 颜色。 辐 | |9 位 
青 景 内 容 (C): | 白色 


用 于 选择 渐变 方式 ， 如 
线性 渐变 、 角 度 渐变 


梧 回 旧书 四 模式: 


™ 不 透明 度 ; 100% 可 
串 2 新 建 一 个 图 层 ， 选 择 渐变 工具 ， 在 其 属性 回 传播 1 
栏 中 ， 单 击 渐变 编辑 框 ， 打 开 渐 变 编辑 器 。 铀 定 ! 加 中 全 填充 :00% 加 | 


此 色 标 为 “不 透明 度 ” 色 标 ， 用 


于 控制 该 区 域 的 透明 度 ， 单 击 它 
即 可 进行 设置 
名 称 (N); 自 定 ‘<> 
少 变 类 型 (T) | 实 让 “本 二 种 3 双击 左 侧 “ 色 标 ”， 在 打开 的 拾 色 器 中 将 
Tx [oo I% 名 值 设置 为 #de4322， 然 后 单 击 “确定 ” 按 


钮 ， 返 回 “ 渐 变 编辑 器 ”对 话 框 。 


颜色 : | 位 置 (c) 站 | % 


ae ne 


选中 色 标 后 ， 单 击 该 编辑 
框 ， 也 可 打开 拾 色 器 


囊 4 双击 右 侧 “ 色 标 ”， 在 打开 的 拾 色 器 中 将 
色 值 设置 为 #t77408， 然 后 连续 单 击 两 次 “ 确 LE 
定 ”按钮 返回 Photoshop 文档 窗口 。 干流 W): [100 “| % 


上 一 一 二 一 一道 


ef CO 


当 鼠 标 指针 移 至 颜色 条 附近 
时 ， 会 变 为 手 形状 ， 单 击 ， 
可 添加 一 个 “ 色 标 ” 


me: MD] vs: |% 


-6GGGG:--------- 
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Op at 


i She=0 | sx | 


"banner @ 66.7% (图 .-. 慰 | 右 | 区 |] 


串 S 在 属性 栏 中 选择 “线性 渐变 ”， 然 后 将 光标 移动 到 文档 
头 部 ， 当 光标 变 为 十 字形 状 时 ， 按 住 鼠 标 左 键 向 下 拖 动 ， 拖 
至 文档 底部 时 释放 左 键 ， 即 可 为 该 图 层 添加 渐变 效果 。 


捉 6 打开 Logo.psd 文件 ， 选 择 移动 工具 ， 
在 Logo 文件 的 图 层面 板 “ 图 层 2” 上 按 住 
鼠标 左 键 ， 将 其 拖 动 到 Banner 文档 窗口 ， 
使 用 同样 的 方法 将 Logo 的 文字 图 层 也 拖 入 
Banner 文档 窗口 ， 适 当 调整 其 位 置 。 


人 币 7 选中 图 层 2， 选 择 “ 图 层 ” 一 “复制 图 层 ”命令 ， 为 
图 层 2 制作 一 个 副本 。 选 择 移动 工具 将 图 层 2 副本 图 像 移 
至 右 侧 ， 然 后 按 CtrlHT 组 合 键 ， 对 其 进行 自由 变换 ， 将 图 
形变 换 为 自己 喜欢 的 形状 ， 按 Enter 键 应 用 变换 ， 最 后 将 
“不 透明 度 ” 设 置 为 50%。 


捉 8 在 图 层面 板 中 的 图 层 2 副本 父 效果 上 ， 按 住 鼠标 左 
键 ， 将 其 拖 入 留 ， 删 除 该 图 层 的 效果 。 


趾 9 以 同样 的 方法 再 创建 一 个 图 
层 2 的 副本 ， 然 后 将 其 移动 到 合 
适 的 位 置 。 i 


人 ED 日 他 局 @- 


(Bie nse 


我 最 近 的 文档 


中 10 网 上 商城 Banner 已 经 制作 完成 ， 按 
Ctl+S 组 合 键 ， 在 打开 的 “存储 为 ”对 话 
框 中 ， 选 择 文档 的 保存 位 置 及 文件 格式 ， 
然后 输入 文件 名 称 ， 单 击 “ 保 存 ” 按 钮 保 
存 文档 。 


banner psd 


Photoshop Ce. PSD:#, POD) 


本 例 中 主要 使 用 了 渐变 工具 国 。 渐变 就 是 从 一 个 颜色 转换 为 另 一 个 颜色 时 可 以 使 颜 
色 的 过 渡 变 得 柔和 ， 就 像 蓝 天 一 样 。 当 你 把 一 边 设置 为 蓝 色 ， 另 一 边 设置 为 白色 ， 然 后 在 
画 框 中 从 上 往 下 拉 ， 拉 出 来 后 很 像 蓝天 ， 很 自然 。 


| > EE 设计 网 页 效果 图 一 一 网 上 商城 制作 第 1 步 


在 编辑 图 像 时 ， 通常 只 需要 编辑 图 像 的 某 一 部 分 ， 这 时 便 可 以 将 被 修改 的 部 分 制 
作为 选区 。 在 Photoshop 中 ， 各 种 编辑 操作 只 对 当前 选区 内 的 图 像 区 域 有 效 ， 不 会 影响 
其 他 未 选中 的 区 域 。 下 面 以 使 用 魔 棒 工具 制作 选区 ， 去 除 图 像 背 景 为 例 ， 介 绍 选区 的 
作用 。 


XK -aur ED] Omes Oise 


一 01. jpg @ 50% (图 屋 0.-- 属 ] 固 | 区) 
嫂 1 打开 本 书 配套 光盘 “素材 与 实例 \ 第 2 Ps 
章 \ 实 例 2\01.jpg”， 选 择 魔 棒 工 具 ， 在 属 S 
性 栏 中 将 容 差 设置 为 30， 单 击 图 像 中 的 空 要 
白 区 域 ， 便 可 将 白色 区 域 全 部 选中 。 志 
2 
区 加 
水 提示 N, 


在 打开 某 一 图 像 文件 时 ， 图 像 文件 是 以 背景 层 形式 出 现 的 ， 无 法 对 其 进行 操作 ， 
这 时 我 们 可 以 在 图 层面 板 中 双击 背景 层 ， 在 打开 的 对 话 框 中 单 击 “ 确 定 ” 按 钮 ， 将 背 
景 层 转换 为 普通 图 层 。 


01. jpg 9 50% (图 层 0... 属 )] 司 | 必 

囊 2 将 图 层 转换 为 普通 图 层 ， 然 后 按 Delete 键 ， 即 可 
删除 选中 的 区 域 ， 这 时 图 层 背 景 已 变 为 透明 色 ， 存 储 
时 设置 文件 格式 为 .gif 或 .png， 即 可 保存 为 背景 透明 
的 图 像 文 件 。 


实例 3 制作 网 上 商城 按钮 

网 页 中 的 按钮 形状 与 颜色 应 与 网 站 整体 风格 保持 一 致 ， 并 且 突 显 立 体感 。 漂 亮 的 按钮 
可 以 修饰 网 页 ， 使 网 页 图 像 更 加 美观 、 更 富有 立体 感 ， 以 至 于 让 人 忍 不 住 去 单 击 它 一 下 ， 
浏览 网 站 其 他 内 容 。 


GEG:--------. 


实例 目标 
设计 网 上 商城 导航 栏目 按钮 ， 如 左下 图 所 示 ， 以 及 用 户 登录 按钮 ， 如 右 下 图 所 示 。 


用 户 登录 


EE (19 ) 0 


iti 与 应 用 
制作 分 析 


制作 按钮 时 ， 根 据 网 页 的 整体 布局 ， 应 事先 设计 好 按钮 的 尺寸 大 小 、 摆 放 位 置 以 及 所 
使 用 的 颜色 。 例 如 : 网 上 商城 导航 按钮 共 9 个 ， 总 宽度 为 792 像素 ， 则 导航 按钮 的 宽度 应 
设置 为 88 像素 ， 根 据 商 城 首 页 总 体 比例 ， 高 设置 为 30 像素 。 


¢ , [| 实例 素材 | 素材 与 实例 \ 第 2 章 \ 实 例 3\denglu.psd 
| 实例 效果 | 素材 与 实例 \ 第 2 章 \ 实 例 3\button1.psd、login.psd 
操作 过 程 
使 用 Photoshop CS3 制作 网 上 商城 按钮 的 具体 操作 如 下 。 
1. 导航 按钮 
ee 各 1 按 ChitN 组 合 键 ， 在 打开 的 “新 建 ” 
= 对 话 框 中 ， 按 左 图 所 示 进 行 设置 ， 然 后 单 
a EE i 击 “ 确 定 ” 按 钮 新 建 一 个 文档 。 
高 度 (H): 30 EE 
分 辩 率 (R): 72 | 便 素 /英寸 
颜色 模式 (M):| RGB 部 色 加 | | 6 位 
背景 内 容 (C); | 透明 
v 


样式 ‖ 固定 大 小 ”| 宽度 :88 px 污 ”高度 : 30 px 


溃 2 选择 矩形 选 框 工 具 ， 在 属性 栏 中 ， 将 “样式 ”设置 为 一 -一 十 
“固定 大 小 ”，“ 宽 度 ” 与 “高 度 ” 分 别 为 88px 与 30px， 
在 文档 窗口 左 侧 绘制 一 个 矩形 选区 。 


;buttonl @ 100% 《图 层 ... 属 | 加 | 属 | 


| 一 人 3 将 前 景色 设置 为 此 9a55f， 然 后 选择 油漆 栖 工 具 填充 拭 形 
选区 ， 接 着 选择 “图 层 ” 一 “图 层 样式 ”一 “内 发 光 ” 合 
令 ， 打 开 “ 图 层 样式 ”对 话 框 。 


中 4 将 “混合 模式 ”设置 为 “明度 ”，“ 不 透明 
度 ” 为 00%， 然 后 选中 “渐变 释 加 ” 复 选 框 。 


Ieee 


审 6 双击 左 侧 色 标 ， 将 色 标 颜 色 值 设置 为 de4422， 


器 ”对 话 框 。 


串 S 单 击 “ 渐 变 ” 下 拉 列 表 框 打开 “渐变 编辑 


然后 双击 右 侧 色 标 ， 将 色 标 颜色 值 设置 为 #f98f12, 一 一 
连续 单 击 “ 确 定 ” 按 钮 返回 Photoshop 文档 窗口 。 


名 称 (N); 自 定 


单 击 图 层 效果 右 侧 的 三 角 第 
头 可 展开 / 折 辣 图 层 效果 


| 图 层 x [通道 | 路径 二 


锁定 回 地 中 会 ”填充 :[100% ”| 3 
» TTT 
bd 图 层 1 副 本 7 badd 
画 图 层 ! 副本 6 在 中 
时 一 一 图 层 1 副本 5 fe 
画 一 一 田野 1 副本 4 Ey 
时 | 一 一 图 层 1 副 本 3 fe” 
多 一 一 图 层 1 副本 2 在 
图 | 一 一 图 屋 1 副本 在 " 
鲁 | 一 一 图 屋 1 fry 


se fr.B ©.- Y 3 


渐变 类 型 (T) | 实 康 。 加 
平滑 度 (M): | 100 i% 


EN。 9 加 一 十 一 入 7 按 CtrltD 组 合 键 去 除 选区 ， 然 后 将 图 层 1 复 


制 8 次 ， 即 制作 9 个 相同 的 按钮 。 


串 8 选择 移动 工具 ， 依 次 选中 各 个 图 层 ， 根 据 图 


中 所 示 ， 将 图 层 图 像 移 至 合适 位 置 。 


wbuttonl 全 100% (图 层 1，RGB/8) 


捉 9 选择 横 排 文字 工具 ， 按 图 中 所 示 ， 在 图 


像 文档 窗口 中 对 应 的 位 置 输入 文字 。 


CVEPNKDI 


钊 10 导航 按钮 已 制作 完成 ， 将 文件 以 
button1.psd 为 文件 名 保存 即 可 。 


ee 


| 


1 学 


囊 1 打开 本 书 配套 光盘 “素材 与 实例 \ 第 2 章 \ 实 例 
3\denglupsd” 文 件 ， 选 择 “用 户 登 录 ” 图 层 ， 然 
后 单 击 “ 创 建 图 层 ”按钮 新 建 一 个 图 层 。 


审 2 将 前 景色 设置 为 #f8fg 公 ， 选 择 圆 角 和 矩形 工 
具 ， 将 光标 移 至 文档 窗口 ， 当 光标 变 为 十 字形 
状 时 ， 拖 动 鼠标 ， 绘 制 一 个 圆 角 和 矩形。 


ET 


加 


若 想 修改 圆 角 和 矩形 的 圆 角 大 小 ， 
可 在 其 属性 栏 中 修改 半径 的 值 


他 3 选择 “图 层 ” 一 “图 层 样式 ”一 “混合 


MY) 


选项 ”命令 ,打开 “图 层 样式 ”对 话 框 ， 将 RS 
“不 透明 度 ”设置 为 100，“ 填 充 不 透明 et 


度 ” 为 0， 然后 选择 “投影 ” 选项。 一 


图 层 样式 


#EsW:[ 无 况 


单 击 颜色 编辑 框 可 打开 
“颜色 编辑 器 ”对 话 框 


不 通明 度 (0): “了 
RN (人 ) [本 度 回合 用 全 局 X(G) 


审 4 设置 “混合 模式 ” 右 侧 颜色 编辑 框 的 


距离 (0): 了 2 像素 
扩展 人 0 jw 值 为 #979797， 接 着 按 左 图 所 示 ， 对 “ 投 
大 小 3): 了 lz 便 索 


影 ”的 各 个 参数 选项 进行 设置 ， 然 后 选择 
“内 阴影 ”选项 。 


品质 
“wat: | 人 Desa 
杂 色 (ND): 了 0 


回 图 层 控 空投 影 (U) 


串 S 将 “混合 模式 ” 右 侧 颜色 编辑 框 的 颜 En Ee 
色 值 设置 为 加 2a2a2， 接 着 按 右 图 所 示 ， PT ma ) 度 回 使 用 全 局 X(G) 
对 “内 阴影 ”的 各 个 参数 选项 进行 设置 ， 

然后 选择 “内 发 光 ” 选 项 。 


CW]| 中 6 将 “ 杂 色 ” 下 方 颜色 编辑 框 的 值 设置 
[EW ] | 为 #efececd， 接 着 按 左 图 所 示 ， 对 “内 发 
光 ” 的 各 个 参数 选项 进行 设置 ， 然 后 选中 
“斜面 和 浮雕 ”与 “等 高 线 ” 复 选 框 ， 并 
单 击 选中 “斜面 和 浮雕 ”。 


阻 土 (O: 个 
大 小 (5): 2 一 


| > EE 


审 7 将 “高 光 模式 ”与 “阴影 模式 ” 右 侧 颜 
色 编 辑 框 的 值 设置 为 #ftffff， 按 左 图 所 示 ， 
对 “斜面 和 浮雕 ”的 各 个 参数 选项 进行 设 
置 ， 然 后 选择 “等 高 线 ” 选 项 。 


口 颜色 委 加 
口 渐变 得 加 
口 图 案 查 加 
口 擅 边 


区 Se 已 是 |) 
温 全 选项 : 自 定 取消 
和 5 口 祖 除 电 和 

审 8 将 “等 高 线 ” 设 置 为 右 图 所 示 图 形 ， oome | | am 2 夯 和 

“范围 ”设置 为 100%， 然 后 选中 “渐变 车 | 

加 ” 复 选 框 。 SM 


Fr ee er 
Ee 挤 全 模式 : 正常 本 3 前 用 站 
A 2: i | 一 中 9 将 “角度 ”设置 为 -90，“ 缩 放 ” 为 
Doan a 75%， 然 后 单 击 “ 渐 变 ” 右 侧 颜色 编辑 
汪 加 框 ， 打 开 “ 渐 变 编辑 器 ”对 话 框 。 
回 等 南光 
口 纹理 
口 光泽 
口 颜色 得 加 
钊 10 在 中 间 位 置 添加 一 个 色 标 ， 然 后 将 左 侧 色 标 | ma” 
的 颜色 值 设置 为 #eaebea， 将 中 间 色 标的 颜色 值 设置 
为 #939393; 将 右 侧 色 标的 颜色 值 设 置 为 #bcbcbe， 7 i 
最 后 连续 单 击 “确定 ”按钮 返回 文档 窗口 。 ee 
平滑 度 (QM): 100 |% 
县 国 
全 可 i mm _ 
号 全 一 提示 v 四 十 


在 制作 圆 角 矩形 时 ， 系 统 会 自动 添加 一 个 矢量 蒙 版 ， 矢 量 蒙 版 主要 用 于 设置 当前 
图 层 的 可 显示 区 域 ， 即 只 显示 包含 在 蒙 版 轮廓 线 (路 径 ) 内 的 图 层 内容 。 在 图 层面 板 中 单 
击 蒙 版 缩 略 图 即 可 去 除 蒙 版 的 轮廓 线 。 


> 


--------"@OCOE.--------- 


锁定 : 加 过 中 会 ”填充 :|o% 列 


图 ， 去 除 矢量 蒙 版 路 径 。 


多 |Y 国 用 户 注册 


册 | | 下 | 用 户 登录 


5 国王 
加 


Fm 让 困 锣 避 司 引 : 


促 12 选择 横 排 文字 工具 ， 按 右 图 所 示 设 置 其 属 
性 ， 然 后 在 按钮 上 面 输入 文字 “注册 ”， 接 着 将 
按钮 图 层 复制 1 个 副本 ， 并 将 其 移 至 合适 位 置 ， 
在 该 按钮 副本 上 面 输入 文字 “登录 ”， 然 后 将 文 
件 另存 为 login.psd 即 可 。 


条 多 由 电脑 一 一 动态 网 站 设计 基础 与 应 用 
‘denglu. “psd @ --- 国 回 加 | 民 ] a 
a[Es 国 nanehox 加 中 11 单 击 按钮 图 层 中 的 矢量 蒙 版 缩 略 


[ 正 守则 下 天 明度 :|loo% 下 引 


馈 定 : 踢 了 中 全 ”填充 :[100% 划 | 
FE = } 


本 例 中 主要 使 用 了 圆 角 甜 形 工具 ， 用 于 绘制 圆 角 矩形。 在 绘制 时 按 住 Shift 键 ， 可 绘 
制 圆 角 正方 形 。 右 击 该 工具 ， 会 显示 更 多 图 形 绘制 工具 ， 如 左下 图 所 示 。 当 选择 椭圆 工具 
时 ， 按 住 Shift 键 可 绘制 圆 形 ， 当 选择 矩形 工具 时 ， 按 住 Shift 键 可 绘制 正方 形 。 


实例 4 制作 网 上 商城 公告 栏目 


制作 网 站 时 ， 通 常会 将 具有 相同 属性 的 产 


品 或 信息 放置 在 一 起 ， 组 成 某 一 主题 栏目 


栏目 图 标 便 是 用 来 展示 该 栏目 所 包含 的 主要 内 容 和 所 涉及 的 主要 领域 等 


栏目 图 标 设计 主要 涉及 如 下 几 点 。 


e@ 色彩 : 在 具体 色彩 选择 上 不 要 使 用 相同 色彩 ， 应 使 用 相似 色彩 ， 这 样 会 显得 


协调 。 


@ 内容: 一 是 与 主题 相 协调 ， 主 题 是 什么 ， 图 标 便 是 什么 ， 二 是 与 栏目 相 协 调 ， 不 


同 的 栏目 使 用 不 同 的 图 标 。 


@ 风格 : 一 定 要 统一 ， 比 如 是 动画 便 都 是 动画 ， 是 风景 便 都 是 风景 ， 是 卡通 便 都 是 


卡通 。 
@ ”形式 : 应 该 大 小 统一 。 
实例 目标 


设计 网 上 商城 网 站 的 商城 公告 栏目 ， 其 最 终 效 果 如 右 下 图 所 示 。 


国 回 矩形 工具 U 
天" 回国 WT 上 有 U 

′ QB 桶 国 I 具 U 
入 9 多边 形 I 具 U 
3 NAHETI 具 1 
. 字 目 定形 状 T 具 U 


而 硅谷 动力 商城 声明 

9 硅 谷 动力 商城 倾情 打造 e 付 宝 
届 中 国 第 一 家 IT 类 电子 商务 平台 
硅谷 动力 商城 整装待发 

硅谷 动力 商城 特色 会 员 服 务 
硅谷 动力 商城 特色 会 员 服务 
硅谷 动力 商城 整 装 竺 发 


加 第 2 章 ， 设 计 网 灰 效 果 图 一 一 网 上 商城 制作 第 1 步 


制作 分 析 
创建 一 个 文档 ， 使 用 抵 形 工具 制作 不 同 的 选区 ， 并 在 各 个 选区 中 填充 相应 的 颜色 ， 制 
作 栏 目 图 标 。 


¢ 实例 素材 素材 与 实例 \ 第 2 章 \ 实 例 4\bit.png 
实例 [实例 效果 | 素材 与 实例 \ 第 2 章 \ 实 例 gonggao.psd 


操作 过 程 
使 用 Photoshop CS3 制作 网 上 商城 公告 栏目 的 具体 操作 如 下 。 


名 称 (N); |gonggao 中 1 按 Ctrl+N 组 合 建 ， 在 打开 的 “新 建 ” 对 
0 话 框 中 ， 按 左 图 所 示 对 文档 属性 进行 设置 ， 
然后 单 击 “ 确 定 ” 按 钮 新 建 一 个 文档 。 


宽度 (QW): 198 EE?3 
高 度 (H): [208 E33 
分 辩 素 (R); 72 | 请 素 /英寸 
颜色 模式 (M):| RGB 丁 色 品位 
背景 内 容 (C): | 白色 


Ed 局 器 民 Ss- Gas (me | ps 
EE 有 A 正常 司 不 通明 度 :100% 了 
争 2 新 建 一 个 图 层 ， 选 择 油漆 桶 工具 ， 将 前 日 了 4 @ [GOA 疯 
景色 设置 为 #8 人 8 多， 填充 该 图 层 。 5 -| EW 
NR.9, 画 a 
回头 D 
了 A CR 


定 大 小 。 国 | 宽度 :[22px | 大 高 度 :|4px 


则 回国 中 3 选择 矩形 选 框 工具 ， 在 其 属性 栏 中 将 “ 样 

a 式 ” 设 置 为 “固定 大 小 ”，“ 宽 度 ” 和 “高 
度 ” 分 别 为 22px 和 4px， 然 后 在 左上 角 绘 制 
矩形 选区 。 


mgonggao 和 200% 《图 层 - . - 


--------.@EOE.--------- 


不 适 明 度 100% “| 才 关 二 


中 4 选择 油漆 桶 工具 ， 将 不 透明 度 设置 站 国民 [本 可 中 
为 100%6， 前 景色 为 #000000， 填 充 和 矩形 Sg 


当 绘制 小 型 选区 ， 或 需要 精确 处 理 图 像 的 菜 一 细微 部 位 时 ， 可 选择 缩放 工具 ， 单 
击 文档 窗口 放大 图 像 ; 在 按 住 Alt 键 的 同时 ， 单 击 文档 窗口 可 缩放 图 像 ， 双 击 缩放 工具 
可 将 图 像 还 原 至 原始 大 小 。 


= 


纪 乐 @ 电 脑 一 动态 网 站 设计 基础 与 应 用 


样式 ;| 固定 大 小 ” 六 | 宽 度 :|176 px | 芒 ， 高 度 :|4px 

i “gonggao @ 400% (图 层 ] 种 $ 选择 矩形 选 框 工具 ， 在 其 属性 栏 中 将 “样式 ” 设 为 置 
“固定 大 小 ”，“ 宽 度 ” 和 “高 度 ” 分 别 为 176px 和 4px， 
然后 紧 贴 前 一 矩形 区 域 ， 绘 制 一 个 新 的 矩形 选区 (可 使 用 键 
盘 方 向 键 精确 移动 选区 )。 


[ps | "gonggao @@ 400% (图 层 --- 攻关 | 区 | 
个 6 选择 油漆 桶 工具 ， 将 前 景色 设置 为 一 一 一 
2 


大 77b1$5， 填 充 和 矩形 选区 。 


中 7 用 同样 的 方法 ， 以 绘制 的 第 一 个 选区 左下 角 为 起 
点 ， 绘 制 一 个 “宽度 ”和 “高 度 ” 分 别 为 22px 和 26px 
的 矩形 选区 ， 然 后 以 颜色 值 翅 5a3bl 进行 填充 。 


， 辣 宽度 :[176px ] 关 高 度 :[26px | 用 


中 8 用 同样 的 方法 ， 以 绘制 的 第 二 个 选区 左下 角 为 起 
点 ， 绘 制 一 个 “宽度 ”和 “高 度 ” 分 别 为 176px 和 
26px 的 矩形 选区 ， 然 后 以 颜色 值 #eaebea 进行 填充 ， 最 
后 按 Ctrl+D 组 合 键 去 除 选区 。 


二 “| 汉 仪 中 等 线 简 国 趾 - 三 |18 点 可 aal 平滑。 加 

ggao 旬 100% 《商城 公告 ，RCB/B) 辐 品 局 
引 一 一 人 叫 9 选择 横 排 文字 工具 ， 按 左 图 所 示 设 置 其 属 
性 ， 并 将 文本 颜色 设置 为 和 00000， 然 后 在 左 图 
所 示 位 置 输入 文字 “商城 公告 ”。 


| Fl 
| 不 退 明 度 :|100% 国 


促 10 打开 bitpng 文件 ， 选 择 移 动工 具 ， 
将 其 拖 入 gonggao 文档 窗口 ， 这 时 
Photoshop 会 自动 生成 图 层 2。 


审 11 选择 模 排 文字 工具 ， 在 其 属性 栏 中 
设置 “字体 ”为 “宋体 ”、“ 大 小 ” 为 
“12 点 ”、“ 文 本 颜色 ”为 #000000， 在 
文档 窗口 中 的 相应 位 置 输入 左 图 所 示 广 


L > 第 2 章 ， 设 计 网 页 效果 图 一 一 网 上 商城 制作 第 i 步 


[jE <\ 二 


书 12 将 图 层 2 复制 几 个 副本 ， 分 别 移 至 加 上 攻 3 0 本 

同一 列 中 的 不 同行 ， 然 后 按 右 图 所 示 ， 输 该 定 : 加 了 了 中 全 ”填充 ,oow 到 

入 不 同文 字 信 息 便 可 完成 “商城 公告 ” 栏 TT | “ware 了 

目的 制作 。 上 娃 侣 动力 商城 芭 半 待 二 a 
= 奸 合 动力 商城 特色 会 员 服 务 


Ss 
=" -Cn 
~ | 


= fr. BO. yn 


车 要 移动 图 层 位 置 ， 可 在 图 层面 板 中 选中 要 移动 位 置 的 图 层 ， 按 住 筷 标 左 键 ， 将 


其 拖 至 目标 位 置 ， 然 后 释放 和 鼠标 左 键 ; 若 要 修改 文字 图 层 中 的 文字 ， 可 双击 图 层面 板 
中 文字 图 层 的 加 图标。 


实例 5 合成 网 上 商城 首页 效果 图 

实例 目标 

设计 网 上 商城 首页 效果 图 ， 着 重 体 现 鲜 亮 、 柔 和 、 简 单 明快 的 效果 。 网 上 商城 首页 最 
终 效果 如 左下 图 所 示 。 

制作 分 析 

首先 将 网 页 的 主要 模块 划分 出 来 ， 如 右 下 图 所 示 ， 然 后 新 建 一 个 文档 ， 利 用 参考 线 和 
标尺 ， 对 模块 逐一 进行 制作 。 


“主体 ” 放 于 放置 商品 
信息 


-1GGGOG:--------- 


“底部 ”用 于 放置 版 权 等 信息 


实例 素材 素材 与 实例 \ 第 2 章 \ 实 例 S\ 项 目 符号 png、bannerpsd、 
buttonl.psd 、 gonggao.psd 、 login.psd 、 search.psd 、 
5 》 xinwen.psd、body.psd 
实例 效果 素材 与 实例 \ 第 2 章 \ 实 例 Sindex.psd 


操作 过 程 
使 用 Photoshop CS3 制作 网 上 商城 首页 效果 图 的 具体 操作 如 下 。 


Ea 


i 


a 一 叫 1 按 CtlHN 组 合 键 ， 在 打开 的 “新 建 ” 
本 全 Ne 对 话 框 中 ， 按 左 图 所 示 ， 对 文档 属性 进行 

一 设置 ， 然 后 单 击 “ 确 定 ” 按 钮 新 建 一 个 
文档 。 


宽度 (W): |792 像素 [ 
高 度 (H); |1045 | 但 素 | 
分 辩 素 (R) | 画 ”|| 俐 素 / 英 二 同 
颜色 模式 (M): | RGB 颜色 | [8 位 
青 景 内 容 (C): | 白色 


在 标尺 上 右 击 ， 在 打开 的 菜 
单 中 可 选择 标尺 的 度量 单位 


» index @ 100% (图 层 1，R6B/8) 
争 2 选择 “视图 ”一 “标尺 ”命令 ， 显 示 窗 口 标 一 一 二 于 jn 加 
尺 ， 在 上 方 或 左 端 标尺 上 按 住 鼠 标 左 键 ， 拖 动 鼠 ] 
标 ， 可 绘制 水 平 或 垂直 参考 线 。 当 光标 移 至 参考 
线 时 ， 会 呈现 字形 状 ， 这 时 按 住 鼠标 左 键 拖 动 ， 
可 改变 参考 线 的 位 置 。 将 参考 线 拖 入 标尺 栏 可 清 
除 该 参考 线 。 本 例 利用 参考 线 在 垂直 方向 30 像素 
处 绘制 一 条 水 平 参考 线 。 


v 
| 
mm | 争 3 单 击 “ 创 建新 组 ”按钮 新 建 - 


个 组 ， 然 后 双击 组 名 称 ， 为 该 组 修 
改 一 个 新 名 称 一 一 “顶部 链接 ”。 


碳 定 : 口 季 中 国 。 填充 ;|100%。 > 镇 定 : 口 于 宁 目 


a 
囊 4 单 击 “ 创 建新 图 层 ” 按 钮 ， 在 
“顶部 链接 ”组 中 新 建 一 个 图 层 。 
二 | eeneee 多 


事 S 选择 矩形 选 框 工 具 ， 按 右 图 所 示 设 置 其 属性 ， 然 
后 以 窗口 左上 角 为 起 点 ， 绘 制 一 个 矩形 选区 ;接着 选 
择 油 漆 桶 工具 ， 将 填充 色 设置 为 #000000， 对 算 形 选 
区 进行 填充 。 


Tagg:lioow 5 一 昕 6 在 牌 直 方向 20 像素 处 新 建 一 条 参 

考 线 ， 然 后 打开 “项 目 符号 png” 文 

件 ， 将 其 图 像 拖 入 index 文档 窗口 ， 放 

置 在 图 中 所 示 位 置 ， 并 将 其 图 层 名 称 改 
为 “项 目 符号 ” 


v 


| gE 设计 网 页 效果 图 一 网 上 商城 制作 第 i 步 


审 7 选择 横 排 文字 工具 ， 按 左 图 所 示 设 
置 其 属性 ， 然 后 在 左 图 所 示 位 置 输入 文 


中 8 复制 “项 目 符号 ”图 层 ， 
所 示 形 状 ， ri terete 

后 在 垂直 方向 170 像素 处 ， 添 加 一 条 水 
平 参考 线 。 


本 xx 司 慎 交 
正 叶 本 大 [iooy 下 
二 定 ; 器 也 中 自 。 填 序 [i00y 下 


囊 9 打开 bannerpsd 文件 ， 在 该 文件 的 
图 层面 板 中 ， 单 击 “ 创 建新 组 ”按钮 新 
建 一 个 组 ， 并 命名 为 banner， 然 后 按 住 
鼠标 左 键 依次 将 其 他 图 层 (背景 层 除外 ) 
拖 至 该 组 。 


串 10 将 banner 组 拖 入 index 文档 窗口 ， 二 
选择 移动 工具 ， 适 当 调 整 其 位 置 。 


囊 11 打开 buttonl.psd 文件 ， 在 该 文件 的 
图 层面 板 中 新 建 一 个 组 ， 并 命名 为 “ 导 
航 按钮 ”， 然 后 将 该 文件 中 的 所 有 图 层 
移 至 “导航 按钮 ”组 中 。 


串 12 将 “导航 按钮 ”组 拖 至 index 文 
档 窗 口 ， 适 当 调 整 其 位 置 。 


-GEGOEG.---------- 


线 ， 在 水 平方 向 200 像素 处 新 建 一 条 垂直 参考 线 。 


事 14 打开 searchpsd、loginpsd、gonggao.psd 和 
xinwen.psd 文件 ， 然 后 依次 将 各 文件 中 的 图 层 组 拖 入 
index 文档 窗口 ， 并 按 左 图 所 示 调 整 其 位 置 。 


| 商城 公告 

， 硅 合 动力 商城 声明 7 四 
站 硅谷 动力 商城 倾情 打造 s 付 宝 。 凤 

中 国 第 一 家 IT 区 电子 商务 平台 ry 
硅谷 动 力 南 城 束 装 竺 发 J 
上 硅 兴 动力 商城 怕 色 会 员 服 务 。 “| 时 ， ”如 用 户 注册 
， 硅 侣 动 力 商城 束 装 竺 发 碳 


ETE 


= 恕 全 动力 商城 志明 
po 文档 :LL91MJ34.5M 


事 15 新 建 top 和 left 组 ， 然 后 按 左 图 所 示 ， 将 相关 
元 素 放 入 各 个 组 中 


TT 


-psd 鲁 100% 【站 内 暂 闻 ，RCB/8) 


钊 16 打开 bodypsd 文件 ， 将 该 文件 的 图 层 组 body 一 -上司 ” 厂 一 一 pe 
拖 入 index 文档 窗口 ， 并 按 右 图 所 示 调整 其 位 置 。 : CE 

E ~ 【购买 商品 】 
【浏览 次 数 : 2】 


【市 场 价 : 15】 
【会 员 价 ; 10】 
【查看 信息 了 


如 果 想 查看 图 像 中 菜 一 部 位 的 颜色 值 ， 可 选择 吸管 工具 ， 然 后 单 去 相应 部 位 ， 则 
该 部 位 的 颜色 值 便 被 设置 为 前 景色 。 双击“ 设置 前 景色 ”编辑 框 ， 在 打开 的 拾 色 器 中 
可 查看 具体 的 颜色 值 。 


index. psd QO 100% 


上 1 历 $ 动 和 仿 4 信 上 图 技 x [会 -| 
ES 司 TamE:lioyx 到 


【 布 场 价 : 15 慨 定 : 日子 二 全 囊 17 打开 bottompsd 文件 ， 将 


| 。 bottom 图 层 组 拖 入 index 文档 窗口 ， 


CT 并 按 左 图 所 示 调 整 其 位 置 ， 此 时 网 上 
mid 商城 首页 效果 图 即 制作 完毕 ， 将 文件 


5 可 得 保存 即 可 。 


| > 第 2 章 设计 网 页 效果 图 一 一 网 上 商城 制作 第 1 步 


网 上 商城 首页 效果 图 底部 的 制作 方法 与 banner 的 制作 方法 相同 ; 产品 搜索 框 的 制 
作 是 使 用 选区 制作 一 个 搜索 条 ， 然 后 添加 文字 和 圆 角 拢 形 按钮 制作 而 成 ; 商品 展示 区 


中 商品 外 框 的 制作 是 使 用 两 个 圆 角 短 形 工具 登 如 ， 然 后 删除 中 间 的 填充 色 制作 而 成 。 
其 余 便 是 添加 图 片 和 文字 等 操作 ， 由 于 多 数 操作 基本 相同 ， 故 在 此 不 再 更 述 。 


实例 6 切割 网 上 商城 首页 

网 页 由 多 个 模块 和 元 素 组 成 ， 因 此 在 使 用 制作 好 的 网 页 效果 图 时 ， 需 要 依据 网 页 各 模 
块 所 使 用 的 图 像 ， 将 网 页 效果 图 切割 为 多 幅 图 像 ， 以 便 应 用 到 网 页 中 的 相应 部 位 。 

实例 目标 

根据 图 像 在 网 页 中 的 实际 应 用 ， 在 Photoshop CS3 中 ， 使 用 切片 工具 ， 将 网 上 商城 首 
页 效果 图 切割 为 多 幅 .gif 图 像 。 

制作 分 析 

在 切割 网 页 效果 图 时 ， 只 有 单一 颜色 值 且 没 有 添加 任何 效果 的 部 分 无 需 切割 ， 只 需 在 
网 页 中 的 相应 位 置 应 用 该 颜色 即 可 ， 如 顶部 链接 、 搜 索 框 等 。 使 用 了 多 种 颜色 或 添加 了 特 
殊 效 果 的 图 像 部 分 需 进 行 切 制 ， 如 栏目 图 标 、 导 航 按钮 等 。 此 外 ， 一 些 图 片 无 须 从 一 侧切 
割 至 模板 另 一 侧 边缘 ， 只 需 切割 与 背景 色 不 同 的 部 分 即 可 ， 例 如 最 新 商品 等 模块 的 栏目 
图 标 。 


区， | 实例 素 村 


[实例 效果 


@@--------- 


素材 与 实例 \ 第 2 章 \ 实 例 Gindex.psd 
素材 与 实例 \ 第 2 章 \ 实 例 6images 文件 夹 内 所 有 图 片 


操作 过 程 
使 用 Photoshop CS3 切割 网 上 商城 首页 效果 图 的 具体 操作 如 下 。 


加 index-psd @ 100% (站 内 新 闻 , . .. 让 | 右 | 区 | 
名 1 打开 index.psd 文件 ， 选 择 切 片 工 具 ， 在 | po 国 


要 切割 部 位 的 左上 角 ， 按 住 鼠标 左 键 ， 向 右 
下 角 拖 动 ， 绘 制 一 个 切割 区 域 ， 然 后 释放 鼠 
标 左 键 ， 即 可 创建 一 个 切片 。 


人 


在 制作 切片 时 ， 可 以 先 用 参考 线 框 住 要 切割 的 部 位 ， 这 样 会 更 加 精确 地 切割 图 


像 。 此 外 ， 如 果 单 击 切 片 属性 栏 中 的 [基于 参考 线 的 切片 “] 按 钮 ， 会 将 参考 线圈 中 的 区 域 
设置 为 切片 ， 而 使 用 切片 工具 制作 的 切片 会 消失 。 选 中 切片 工具 后 ， 在 其 属性 栏 可 设 
置 国定 大 小 的 切片 区 域 ， 或 设置 切片 区 域 的 固定 长 宽 比 。 


二 [ED 


钊 2 选中 切片 后 拖 动 切片 边框 上 的 控制 块 ， 可 调整 切片 
的 选择 区 域 。 右 击 切片 ， 在 打开 的 菜单 中 选择 “删除 切 
片 ” 命 令 可 删除 此 切片 。 选 择 “ 编 辑 切 片 选 项 ”命令 可 
对 切片 的 宽度 、 高 度 等 属性 进行 设置 。 


圳 3 设置 好 切片 后 ， 选择“ 文件 "一 em 

一 “存储 为 Web 和 设备 所 用 格式 ” 国 Wem a 
命令 ， 在 打开 的 对 话 框 中 根据 各 选 Ss GD Da 
项 提示 ， 可 对 切片 进行 编辑 ， 或 者 
按 默认 设置 ， 直 接 单 击 “ 存 储 ” 按 
钮 打开 “将 优化 结果 存储 为 ”对 


如 果 想 改变 切片 的 透明 
效果 与 文件 存储 格式 等 


as IUDRTETE 可 在 此 进行 设置 


op Tom 

1 28 6 mos 1 日 日 8 回合 
请 环 过 项 

WR 3 DID PD 


v om [i 一 6 一 5: 一 Nps 一 二 过 制 ”一 案 引 - 食 汉 


在 “存储 为 Web 和 设备 所 用 格式 ”对 话 框 中 ， 左 侧 工具 的 作用 如 下 。 

@。 切片 选择 工具 轩 : 选择 该 工具 后 ， 单 击 某 一 切片 可 选中 该 切片 。 

@ ”吸管 工具 用 用 于 吸取 颜色 值 。 

e ”吸管 颜色 图 :显示 吸管 当前 颜色 值 ， 单 击 该 按钮 ， 可 打开 拾 色 器 ， 从 中 可 设置 颜色 值 。 

切换 切片 可 视 性 回 : 用 于 显示 或 隐藏 切片 被 设置 后 的 效果 。 

将 优化 结果 存储 为 回回 
保存 在 :| 局 实 e 


我 最 近 的 文档 


不 面 

中 4 在 “保存 类 型 ”下 拉 列表 框 中 选择 
“ 仅 限 图 像 ” 选 项 ， 在 “切片 ”下 拉 列 
Ei] 表 框 中 选择 “所 有 切片 ”选项 ， 然 后 单 
击 “ 保 存 ” 按 钮 ， 即 可 将 所 有 切片 以 .gif 
时 为 扩展 名 保存 在 images 文件 夹 中 。 


文件 名 gg index. if 
we 


默认 设置 


第 2 章 设计 网 页 效果 图 一 一 网 上 商城 制作 第 1 步 


2.2 使 用 Flash 制作 动画 


Flash 动画 主要 由 矢量 图 组 成 ， 通 过 这 些 图 形 的 变化 和 运动 产生 动画 效果 。 如 今 被 广 
泛 应 用 于 网 络 动画 、 网 页 广告 、 多 媒体 教学 以 及 网 页 设计 等 方面 。 

Flash 动画 制作 是 将 绘制 的 对 象 放 入 一 格格 的 帧 (一 帧 代表 一 幅 图 画 ) 中 ， 然 后 连续 播 
放 ， 利 用 人 的 “视觉 短暂 停留 ”特性 ， 在 大 脑 中 形成 动画 效果 。 

实例 7 使 用 Flash CS3 制作 网 上 商城 动画 

在 网 站 制作 中 可 以 使 用 Flash 设计 网 页 、 制 作 网 页 广告 、 制 作 动画 按钮 ， 以 及 播放 
Flash 影片 等 。 

实例 目标 

制作 网 上 商城 手机 广告 ， 在 动画 广告 中 手机 滑 盖 会 自动 打开 并 显示 耀眼 的 光圈 ， 有 一 
行文 字 会 自动 从 左 侧 飞 入 ， 稍 等 片刻 ， 文 字 会 以 动画 的 形式 变 为 另 一 行文 字 。 广 告 最 终 效 
果 如 下 图 所 示 。 


El 


制作 分 析 
将 图 片 素材 导入 Flash 库 中 ， 利 用 元 件 创建 动作 补 间 动 画 。 使 用 文本 工具 添加 文本 ， 
利用 形状 补 间 动 画 制作 文字 特效 。 


实例 效果 素材 与 实例 \ 第 2 章 \ 实 例 和 guanggao .fla 与 guanggao.swf 


| ¢ bp | 实例 素材 | 素材 与 实例 \ 第 2 章 \ 实 例 Lpng、2.png、3.png 


操作 过 程 
使 用 Flash CS3 制作 网 上 商城 手机 广告 的 具体 操作 如 下 。 


-GO@EG:---------- 


争 1 启动 Flash CS3， 新 建 一 个 
Flash 文档 ， 单 击 属性 栏 中 的 
“550x400 像素 ”按钮 ， 打 开 
“文档 属性 ”对 话 框 。 


大 小 : 青 景 : 1 fps 
发 布 ; 设置 … 播放 器 : 3 ”Action5oipt:。 3.0 ”配置 文件 : 默认 文件 


文档 类 | 4 


ES) 


纪 乐 @ 电 脑 一 动态 网 站 设计 基础 与 应 用 


中 2 按 左 图 所 示 ， 设 置 文档 各 项 属性 ， 其 
san | 中 背景 颜色 的 颜色 值 为 扯 F6600， 然 后 音 


Rs 击 “ 确 定 ” 按 钮 返回 文档 窗口 。 


尺寸 WD: [690 请 案 | (二 x |90 像素 |( 训 ) 
Ea 


设 为 默认 值 (M) 


中 3 选择 “文件 ”一 “导入 ”一 “导入 到 
库 ” 命 令 ， 在 打开 的 “导入 到 库 ” 对 话 框 
中 ， 选 中 文件 1.png、2.png、3.png， 单 击 
“打开 ”按钮 将 所 选 文件 导入 Flash 
库 中 。 


"lpne” “2.png” "3.pne” 


所 有 格式 


串 4 在 库 面板 中 将 图 形 1、2 和 
3 重 命名 为 元 件 1、 元 件 2 和 元 
件 3， 然 后 将 鼠标 指针 移动 到 元 
件 1 上 ， 按 住 鼠 标 左 键 将 其 拖 入 
Flash 舞台 。 


(MK 
力 场 景 ' 工人 区” 耳 . 咎 .ID 


中 S 单 击 “ 插 入 图 层 ” 按 钮 到 新建 一 
个 图 层 ， 单 击 图 层 2 的 第 1 帧 选中 该 
帧 ， 然 后 将 元 件 2 拖 入 舞台 ， 按 右 图 
所 示 ， 通 过 键盘 方向 键 调整 其 位 置 。 


名 称 
全 国 1pno 位 图 口 | 
国 2.png 位 图 - 
国 3pno 位 图 


中 6 将 光标 移动 到 图 层 2 第 80 帧 ， 右 
击 ， 在 弹出 的 快捷 菜单 中 选择 “插入 关键 
帧 ”命令 ， 或 按 F6 键 插入 1 个 关键 帧 ， 
使 用 同样 的 方法 在 图 层 1 的 第 80 帧 处 也 
插入 1 个 关键 帧 。 


他 让 动画 
{gb 开关 


® 


L_ > 第 2 章 ， 设 计 网 灰 效 果 图 一 一 网 上 商城 制作 第 1 步 


普通 帧 与 关键 帧 是 用 来 记录 鱼 台 内 容 的， 不 能 对 普通 帧 的 内 容 直 接 进 行 编 辑 修 
改 ， 要 想 修改 普通 帧 的 内 容 ， 必 须 把 它 转变 为 关键 帧 ， 或 者 修改 普通 帧 左 侧 最 近 关 键 
帧 的 内 容 。 

关键 帧 是 可 以 直接 在 奋 台 上 编辑 其 内 容 的 帧 。 空 白 关 键 帧 是 在 兽 台 上 没有 任何 内 
容 的 关键 帧 。 有 内 容 的 关键 帧 用 实心 圆 表示 ， 无 内 容 的 关键 帧 用 空心 圆 表示 ， 一 旦 在 
空白 关键 帧 上 绘制 了 内 容 ， 它 便 成 为 关键 帧 。 

当 需 要 向 某 一 关键 帧 添加 内 容 时 ， 可 在 该 帧 处 单 击 ， 将 播放 头 移 至 此 处 ， 然 后 在 
舞台 上 绘制 或 拖 入 相关 对 象 即 可 。 同 样 ， 当 需要 编辑 某 关键 帧 中 的 对 象 时 ， 可 单 击 该 
关键 帧 ， 然 后 在 奋 台 上 编辑 对 象 。 


中 7 单 击 图 层 2 第 80 帧 ， 选 中 该 关键 
1 自由 和 人 90 15.0 Ge 5 帧 ， 在 舞台 中 将 元 件 2 向 后 拖 至 合适 位 
工作 区， 邱 , 物 . 四 置 ， 如 左 图 所 示 。 


动作 补 间 动 画 创建 成 功 后 ， 会 
在 两 帧 问 显示 一 条 带 箭头 的 实 
线 ， 反 之 会 显示 一 条 虚线 


审 8 单 击 图 层 2 第 1 帧 ， 选 中 该 关键 帧 ， 

在 属性 面板 “ 补 间 ” 下 拉 列 表 框 中 选择 下 可 
“动画 ”选项 ， 在 图 层 2 的 1~80 帧 之 me 疯 医 
间 ， 创 建 动作 补 间 动 画 。 


认 :[6 动 同 厂 同步 :| 事件 国生 和 加 | 
调整 列 脱 径 。 口 ] 同步 口 贴 紧 没有 选择 声音 


-6GGOG:--------- 


串 9 新 建 图 层 3， 单 击 图 层 3 第 17 帧 ， 按 
F6 键 插入 关键 帧 ， 然 后 在 工具 面板 中 选择 
“椭圆 工具 ”。 


梢 加 工具 (CR 
柯 ” 基 本 和 形 工具 R) 
也 基本 傅 回 共 (D) 
C 〇 ”和 负 星 形 工具 


ES)| 


快乐 外 电脑 一 动态 网 站 设计 基础 与 应 用 


促 10 选择 “窗口 ”一 “颜色 ”命令 ， 在 打 
开 的 颜色 面板 中 ， 设 置 “ 类 型 ”为 “放射 
状 ”， 两 个 色 标 颜色 值 为 下 FFFFF， 右 侧 色 
标的 Alpha 值 为 0， 然 后 按 住 Shift 键 ， 在 
舞台 中 绘制 一 个 圆 。 


促 11 选择 选择 工具 篇 ， 右 击 舞 台中 的 圆 ， Ea 
在 弹出 的 快捷 菜单 中 选择 “转换 为 元 件 ” 命 二 | 


令 ， 打 开 “ 转 换 为 元 件 ”对 话 框 。 和 所 
2 

起 以 

| > 


smu [EE CE] 审 12 在 “名 称 ” 文 本 框 中 输入 “元 件 4”， 
su lo] 注册 (ey: 898 取 滑 ] 选中 “影片 剪辑 ” 单 选 按钮 ， 然 后 单 击 “ 确 
nn 


叮 13 选择 任意 变形 工具 品 ， 拖 动 圆 形 周围 的 控制 一 -一 


块 ， 将 加 形变 换 为 右 图 所 示 图 形 。 . : 
贞 ga LE -Nom 15.0 fp 
\ 虽 | 图 场 最 1 工作 区 ， 后 . 徊 .| ~ 


在 元 件 变形 后 ， 选 择 选 择 工 
具 ， 可 移动 元 件 至 合适 位 置 


事 14 使 用 同样 的 方法 拖 入 多 个 元 件 4， 将 其 变形 为 
左 图 所 示 形状 ， 最 后 按 住 鼠标 左 键 从 图 形 左上 方向 图 
形 右 下 方 拖 动 ， 选 中 所 有 变形 后 的 元 件 ， 然 后 右 击 ， 
在 弹出 的 快捷 菜单 中 选择 “转换 为 元 件 ” 命 令 ， 将 该 
图 形制 作为 元 件 5。 


筷 标 指针 移动 到 变换 图 形 边 缘 ， 当 指针 变 为 杂 形 状 时 ， 按 住 鼠 标 左 键 拖 动 鼠 标 
可 改变 图 形 坐 标 。 


L 设计 网 页 效果 图 一 一 网 上 商城 制作 第 i 步 


引 一 一 一 名 1S 将 元 件 5 移 至 左 图 所 示 位 置 ， 然 后 选择 任意 
变形 工具 ， 将 其 缩小 至 几乎 看 不 见 的 程度 。 


司 图 *+» 
串 16 在 图 层 3 第 30 帧 处 插入 关键 帧 ， 然 后 将 元 4 a Ti mom a 150 2 
5 放大 显示 。 中 | 下 二 呈 1 IE 后, 锦 . 古 


中 17 在 图 层 3 第 45 帧 处 插入 关键 帧 ， 然 后 将 元 件 
5 缩小 至 几乎 看 不 见 的 程度 。 


串 18 选中 图 层 3 第 17 帧 ， 创 建 动作 补 间 动 画 ; Re 半 
然后 选中 第 30 帧 ， 创 建 动作 补 间 动 画 。 了 2 。。 国 
ET 


到 * TE 
《 贺 标 签 》 


和。 


| 新 建 1 个 图 层 ， 选 中 第 1 帧 ， 将 


ec 1 EE 元 件 3 抢 入 反 台 并 按 左 国 所 示 调 天 


中 20 新 建 1 个 图 层 ， 选 中 第 1 帧 ， 然 后 选 
择 文 本 工具 T， 按 右 图 所 示 设置 其 属性 ， 接 
着 在 舞台 外 侧 输入 图 中 所 示 文 字 。 


-GEB@----------- 


中 21 在 图 层 5 第 17 帧 处 插入 关键 
帧 ， 然 后 将 文字 移 至 图 中 所 示 位 置 。 


审 22 在 图 层 5 第 45 帧 处 插入 关键 帧 ， 然 后 
在 第 65 帧 处 插入 关键 帧 ， 并 将 文字 改 为 右 图 


和 如 合 键 ， 关 二 ee I 
De 连续 按 两 次 Ctrl+B 组 合 键 ， 将 文 ER 


外 23 选中 图 层 5 第 45 帧 ， 连 续 按 两 次 
TN Ctrl+B 组 合 键 将 文字 打 散 ， 然 后 在 属性 栏 
工作 区” 国 . 和 [ED “ 补 间 ”下 拉 列 表 框 中 选择 “形状 ” 选 

a 项 ， 创 建 形状 补 间 动 画 。 


pe 

Fi El pa 加 

吾 24 按 Cal+Enter 组 合 键 ， 测 试 影片 ， 看 
是 否 需要 修改 。 测 试 时 Flash 会 在 源 文 件 目 

录 下 自动 生成 一 个 .swf 格式 的 文件 。 


l , 外 2S 如 影片 无 问题 ， 则 选择 “文件 ”一 
可 选择 文件 的 保存 类 型 。 例 “保存 ”命令 ， 在 打开 的 “另存 为 ”对 话 


a de 框 中 ， 选 择 文件 保存 路 径 ， 修 改 文件 名 
所 使 用 的 格式 称 ， 然 后 单 击 “保存 ”按钮 保存 文件 。 


> 


全 3 
saw En 
> 


保存 类 型 加 ;|Flash C53 文档 (4) ~ 


蜂箱 2 章 设计 网 页 效果 图 一 一 网 上 商城 制作 第 1 步 


要 选择 单个 帧 ， 只 需 单 击 帧 在 时 间 轴 上 的 所 在 位 置 即 可 。 要 选择 不 连续 的 多 个 
帧 ， 只 需 在 按 住 Ctrl 键 的 同时 ， 单 击 要 选择 的 帧 即 可 。 要 选择 连续 的 多 个 帧 ， 只 需 在 
按 住 Shift 键 的 同时 ， 单 击 前 后 两 个 帧 即 可 。 或 按 住 筷 标 左 键 不 放 ， 拖 过 要 选择 的 帧 。 


按 F5 键 可 插入 一 个 普通 帧 ; 按 ShifttF5 组 合 键 可 删除 选 定 的 帧 ; 按 F6 键 可 插入 
关键 帧 ; 按 F7 键 可 插入 空白 关键 帧 。 


间 ; 什么 是 RGB? 

管 : RGB 是 一 种 颜色 模式 ， 该 模式 下 的 图 像 是 由 红 (R)、 绿 (G) 和 蓝 (B) 三 种 基本 颜色 
县 加 构成 ， 大 多 数 显示 器 均 采 用 此 种 色彩 模式 。 

间 ; 什么 是 蒙 版 ? 

答 ， 蒙 版 的 主要 功能 在 于 喧 盖 部 分 图 像 ， 只 显示 需要 的 部 分 ， 当 图 像 添 加 蒙 版 后 ， 
对 图 像 进行 编辑 操作 时 ， 所 使 用 的 命令 对 被 屏蔽 的 区 域 不 产生 任何 影响 ， 而 对 未 屏蔽 的 区 
域 才 有 效 。 

间 : 什么 是 通道 ? 

管 : 通道 主要 用 于 保存 颜色 数据 ， 利 用 它 可 以 查看 各 种 通道 信息 并 且 可 以 对 通道 进 
行 编辑 ， 从 而 达到 编辑 图 像 的 目的 。Photoshop 中 通道 主要 有 以 下 三 种 。 

@ 颜色 信息 通道 ， 是 在 打开 新 图 像 时 自动 创建 的 通道 。 图 像 的 颜色 模式 决定 了 所 创 
建 的 颜色 通道 的 数目 。 例 如 ，RGB 图 像 的 每 种 颜色 (红色 、 绿 色 和 蓝 色 ) 都 有 一 个 
通道 ， 此 外 ， 还 有 一 个 将 三 个 通道 合 在 一 起 ， 用 于 编辑 图 像 的 复合 通道 。 

e@ ”Alpha 通道， 将 选区 存储 为 灰 度 图 像 。 可 以 添加 Alpha 通道 来 创建 和 存储 蒙 版 ， 
这 些 蒙 版 用 于 处 理 或 保护 图 像 的 某 些 部 分 。 

@ 专 色 通道 指定 用 于 专 色 油墨 印刷 的 附加 印 版 。 以 RGB 颜色 模式 为 例 ， 即 除 
RGB 三 个 颜色 之 外 的 用 户 自己 添加 的 颜色 。 


-------GG@@G:-------- 


提示 


一 个 图 像 最 多 可 以 有 56 个 通道 。 通 道 所 需 的 文件 大 小 由 通道 中 的 像素 信息 决定 。 
某 些 文件 格式 (包括 TIFF 和 PSD 格式 ) 将 压缩 通道 信息 节约 存储 空间 。 当 从 弹出 式 菜单 


中 选择 “文档 大 小 ”命令 时 ， 未 压缩 文件 (包括 Alpha 通道 和 图 层 ) 的 大 小 将 显示 在 窗口 
底部 状态 栏 最 右 侧 。 


= 【EDG | 


Ott 计 基 础 与 应 用 
间 : 什么 是 色相 ? 
管 ， 色相 是 从 物体 反射 或 透 过 物体 传播 的 颜色 。 通 常 色相 用 颜色 名 称 标识 ， 如 红 


、 橙 色 或 绿色 。 
间 : 什么 是 饱和 度 ? 
管 : 饱和 度 又 称 彩 度 ， 是 指 颜色 的 强度 或 纯度 。 饱 和 度 表 示 色相 中 灰色 分 量 所 占 的 
比例 ， 它 使 用 0%( 灰 色 ) 一 100%6( 完 全 饱和 ) 的 百分比 来 度量 。 在 标准 色 轮 上 ， 饱 和 度 从 中 
心 到 边缘 递增 。 
间 :; 什么 是 亮度 ? 
管 ， 亮 度 是 颜色 相对 明暗 程度 ， 通 常 使 用 0%( 黑 色 ) 一 100%( 白 色 ) 的 百分比 来 度量 。 
间 : 什么 是 色调 ? 
管 : 色调 通常 指 图 像 的 整体 明暗 度 。 例 如 ， 若 图 像 亮 部 像素 较 多 ， 则 图 像 整 体 上 看 
起 来 较为 明快 ， 反 之 ， 若 图 像 中 暗部 像素 较 多 ， 则 图 像 整 体 上 看 起 来 较为 昏暗 。 
间 : 什么 是 容 差 ? 
莹 ， 容 差 是 用 来 区 分 颜色 的 ， 范 围 是 0 一 255， 即 256 种 ， 也 就 是 8 位 图 所 能 体现 出 
的 颜色 数量 。 如 果 容 差 设 为 255， 则 使 用 魔术 棒 时 ， 不 管 什么 颜色 都 会 被 选中 ， 设 置 为 0 
时 则 只 能 选择 很 小 一 部 分 ， 因 为 它 只 能 识别 一 种 颜色 ， 通 常设 置 为 30。 
间 : 在 Photoshop 中 为 何 无 法 编辑 .gif 图 像 ? 
管 ， 当 使 用 Photoshop 打开 .gif 格式 的 图 像 文件 时 ，Photoshop 在 默认 情况 下 ， 不 能 
对 其 进行 编辑 ， 需 要 选择 “图 像 ” 一 “模式 ”一 “RGB 颜色 ”命令 ， 将 图 像 颜色 模式 修 
改 为 RGB 颜色 模式 ， 才 可 对 其 进行 编辑 。 
间 : 什么 是 矢量 图 和 位 图 ? 
管 : 计算 机 中 显示 的 图 形 通常 分 为 两 大 类 一 一 矢量 图 和 位 图 。 
e@ ”矢量 图 : 使 用 直线 和 曲线 来 描述 图 形 ， 这 些 图 形 的 元 素 是 一 些 点 、 线 、 和 矩形 、 多 
边 形 和 弧 线 等 ， 它 们 都 是 通过 数学 公式 计算 获得 的 。 例 如 一 幅 画 的 矢量 图 形 实 际 
上 是 由 线段 形成 外 框 轮廓 ， 由 外 框 的 颜色 以 及 外 框 所 封闭 的 颜色 决定 画 所 显示 出 
的 颜色 。 矢 量 图 形 的 优点 是 无 论 放 大 、 缩 小 或 旋转 都 不 会 失真 ， 且 文件 体积 较 
小 ; 缺点 是 难以 表现 色彩 层次 丰富 的 逼真 图 像 效果 。Flash 制作 的 动画 也 属于 矢 
量 图 形 动画 。 

e@ 位 图 :又 称 点 阵 图 像 或 绘制 图 像 ， 是 由 像素 组 成 。 利 用 像素 可 以 进行 不 同 的 排列 
和 染色 以 构成 图 样 。 优 点 是 可 以 表现 丰富 多 彩 的 图 像 效 果 ， 缺 点 是 放大 后 会 失 
真 ， 且 文件 体积 较 大 。 

间 : Flash 有 哪 几 种 文件 类 型 ? 

管 :， Flash 文件 主要 有 以 下 3 种 文件 类 型 。 

@ .fa: Flash 的 源 文件 ， 在 Flash 应 用 程序 中 创建 并 且 只 能 由 Flash 打开 。 该 类 型 的 

文件 必须 在 Flash 中 将 其 导出 为 .swf 或 .swt 格式 的 文件 才 可 以 在 浏览 器 中 播放 。 

e@ swf; Flash 电影 文件 ， 是 运用 于 网 络 中 的 最 佳 格式 文件 ， 这 种 文件 可 以 在 浏览 


一 


器 和 Dreamweaver 8 中 播放 ， 但 不 能 在 Flash 中 对 其 进行 编辑 。 
@ swt: Flash 库 文件 ， 此 类 型 文件 允许 修改 Flash 动画 文件 中 的 信息 。 此 类 文件 党 
用 于 Flash 按钮 对 象 。 

间 : 什么 是 场景 ? 

管 ， 场 景 可 以 使 用 户 很 容易 地 将 Flash 文件 分 为 几 个 部 分 ， 在 这 里 可 以 将 场景 想象 
成 一 本 书 中 的 某 一 页 ， 每 一 页 与 其 前 或 其 后 的 内 容 不 同 ， 但 是 它们 属于 相同 的 一 本 书 。 一 
个 Flash 文件 可 以 包含 多 个 场景 ， 它 们 按照 用 户 设置 的 顺序 放映 。 

间 : 什么 是 帧 ? 

管 ;我们 都 知道 ， 电 影 是 由 一 格 一 格 的 胶片 按照 先后 顺序 播放 而 成 ， 由 于 人 眼 有 视 
觉 停留 现象 ， 这 一 格 一 格 的 胶片 按照 一 定 速度 播放 出 来 ， 我 们 看 起 来 便 “ 动 ”了 。 动 画 制 
作 采 用 的 也 是 这 一 原理 ， 而 这 一 格 一 格 的 胶片 ， 就 是 Flash 中 的 “ 帧 ”。 

间 : Flash 图 层 有 什么 作用 ? 

管 : 图 层 就 像 堆 释 在 一 起 的 多 张 幻灯 胶片 一 样 ， 在 舞台 上 一 层 层 地 向 上 印加 。 如 果 
上 面 一 个 图 层 上 没有 内 容 ， 那 么 就 可 以 透 过 它 看 到 下 面 的 图 层 ， 反 之 下 面 图 层 的 内 容 便 会 
被 上 面 图 层 的 内 容 履 盖 。 利 用 图 层 可 以 方便 地 绘制 复杂 的 图 形 ， 或 制作 复杂 动画 。 

间 : 什么 是 元 件 ? 

管 ， 可 以 将 在 Flash 中 需要 多 次 用 到 的 图 形 、 按 钮 或 动画 片段 建立 为 元 件 ， 元 件 的 
优点 在 于 只 需 创建 一 次 ， 即 可 在 整个 文档 中 重复 使 用 ， 因 此 可 以 减 小 文档 大 小 以 及 提高 
Flash 下 载 速度 。 元 件 可 以 包含 从 其 他 应 用 程序 中 导入 的 图 形 。 

间 :; 什么 是 实例 ? 

答 :， 实例 是 指 位 于 舞台 上 或 嵌 套 在 另 一 个 元 件 内 的 元 件 副本 ， 是 元 件 的 应 用 。 实 例 
可 以 进行 重新 编辑 ， 因 此 可 能 与 它 的 元 件 在 颜色 、 大 小 和 功能 上 存在 较 大 差别 。 编 辑 元 件 
会 更 新 它 的 所 有 实例 ， 但 对 元 件 的 一 个 实例 进行 修改 只 更 新 该 实例 ， 不 会 影响 到 元 件 或 元 
件 的 其 他 实例 。 

间 :; 什么 是 库 ? 

莹 : 库 主要 用 于 保存 所 有 的 元 件 、 导 入 的 图 像 和 声音 ， 它 是 为 我 们 管理 素材 的 大 


间 : 形状 补 间 和 动作 补 间 动 画 的 主要 区 别 是 什么 ? 

管 : 形状 补 间 动 画 和 动作 补 间 动 画 都 属于 补 间 动 画 ， 前 后 都 各 有 一 个 起 始 帧 和 结束 
帧 ， 二 者 之 间 的 区 别 主要 分 为 两 点 。 一 是 针对 的 对 象 不 同 : 动作 补 间 动 画 的 对 象 一 般 是 影 
片 剪辑 、 图 形 元 件 和 按钮 ;形状 补 间 动 画 的 对 象 一 般 是 形状 ， 如 果 使 用 图 形 元 件 、 按 钮 、 
文字 ， 则 必须 先 打 散 再 变形 。 二 是 变化 的 作用 不 同 : 动作 补 间 动画 的 作用 是 实现 一 个 元 件 
的 大 小 、 位 置 、 颜 色 和 透明 度 等 变化 ， 形 状 补 间 动 画 的 作用 是 实现 两 个 对 象 之 间 形 状 的 变 
化 ， 或 一 个 对 象 的 大 小 、 位 置 和 颜色 等 变化 。 

间 : 在 图 形 元 件 和 影片 剪辑 中 都 可 以 创建 动画 ， 它 们 有 什么 区 别 呢 ? 

管 ， 虽然 在 图 形 元 件 和 影片 剪辑 中 都 可 以 创建 动画 ， 但 是 在 图 形 元 件 中 制作 的 动画 


-GEG------------ 


侯 条 全 电脑 一 动态 网 站 设计 基山 与 应 用 
是 与 主 时 间 轴 同步 的 。 也 就 是 说 ， 如 果 主 时 间 轴 只 有 1 帧 ， 那 么 图 形 元 件 中 的 动画 就 只 能 


播放 1 帧 ， 而 在 影片 剪辑 中 制作 的 动画 是 相对 独立 的 ， 不 管 主 时 间 轴 有 几 帧 ， 都 可 以 完整 
地 播放 “影片 剪辑 ”中 的 动画 。 


练 一 练 


利用 本 章 所 学 知识 制作 如 下 图 所 示 的 网 页 栏目 (素材 与 最 终 效 果 存 放 在 本 书 配套 光盘 
“素材 与 实例 \ 第 2 章 \ 成 果 检 验 ” 文 件 夹 中 )。 


人 最 新 商品 
【小 瓜 】 【小 瓜 】 
【市 场 价 : 15】 【市 场 价 : 15】 
【会 员 价 : 10】 【会 员 价 ; 10】 
2 【查看 信息 i 【查看 信息 】 
一 【购买 商品 】 —ii 【购买 商品 】 
【浏览 次 数 : 2】 【浏览 次 数 : 2】 


该 效果 的 制作 非常 简单 。 新 建 一 个 尺寸 宽度 为 600 像素 、 高 度 为 210 像素 、 分 辩 


率 为 72 像素 /英寸 的 文档 ; 然后 利用 选区 和 渐变 绘制 1 图 标 ， 利 用 两 个 圆 角 矩形 绘制 栏 
目 边 框 。 


JE 


玉江 浇 配置 与 站 点 创建 一 一 
网 上 窗 城 制作 第 2 步 


本 章 学 习 重 点 
济 只 ASP 动态 网 站 调试 环境 的 搭建 
喉 使 用 Dreamweaver CS3 创建 站 点 
< 只 使 用 Dreamweaver CS3 管理 站 点 
0 创建 网 页 并 设置 网 页 属性 
创建 、 测 试 和 运行 动态 网 页 ， 需 要 创建 动态 网 站 运行 环境 。 在 制作 网 站 之 前 ， 最 好 为 
网 站 创建 一 个 站 点 ， 这 样 便于 管理 网 站 资料 。 本 章 将 介绍 ASP 动态 网 站 运行 环境 的 搭建 
与 使 用 Dreamweaver 创建 站 点 的 操作 。 


3.1 ASP 动态 网 站 调试 环境 的 搭建 


要 调试 ASP 动态 网 站 ， 需 要 先 配置 ASP 运行 环境 ， 即 一 个 支持 ASP 的 网 络 服务 器 
(Web ServeD。 目 前 使 用 最 为 广泛 的 ASP 服务 器 为 IS(Intemet Information Server， 微 软 主 
推 的 服务 器 ， 应 用 于 Windows 2000/XP/2003/Vista)。 

实例 1 IIS 服务 器 的 安装 与 配置 

下 面 介绍 如 何 将 自己 的 电脑 设置 为 测试 服务 器 ， 也 就 是 安装 IS 。 首 先 需 要 将 
Windows XP 安装 光盘 放 入 光驱 中 ， 然 后 执行 如 下 操作 。 


”人 


员工 单 击 “ 开 始 ” 按 钮 ， 在 弹出 快捷 的 菜单 中 
选择 “控制 面板 ”命令 ， 打 开 控 制 面 板 。 


WE 
鲍 ) Wim 
稻 as neoam cs 万 狂 加 
但 ma SS 


所 有 程序 E) 了 


叫 2 双击 “添加 或 删除 程序 ”图 标 ， 0 Ba 
“添加 或 删除 程序 ”窗口 。 。 人 a 


尼采 所 脑 一 动态 网 站 设计 基础 与 应 用 


器 ”显示 更 新 中 ) 
钊 3 单 击 左 侧 的 “添加 /删除 Windows 
组 件 ” 按 钮 。 


可 clpAz0m0 


Windows 组 件 向 导 


Windews 组 件 
可 以 添加 或 二 除 Windows XP 的 组 件 。 


过 


钊 4 在 打开 的 “Windows 组 件 向 导 ” 对 话 框 
选中 “Intemet 信息 服务 (IS)” 复 选 框 ， 然 后 
击 “ 下 一 步 ”按钮 ， 开 始 安装 IS。 


你 


Se 


姐 件 吕 ) 


er 0.0 由 
回 铬 ovuook Express 00m 


ri 和 FP ;以 及 对 FrontPage、 事 务 处 理 、Active 
Pages 站 


可 用 磁 条 空间 10152 TD 


了 EEC 


单 击 “ 详 细 信 息 ” 按 钮 可 查 
看 与 修改 IS 功能 组 件 ， 例 
如 添加 FTP 服务 器 


Windows 组 件 向 导 
完成 “Windows 组 件 向 导 ” 


您 已 成 功 地 完成 了 Windows 组 件 问 导 。 

叫 S 完成 HS 的 安装 ， 单 击 “ 完 成 ”按钮 ， 回 
到 “添加 或 删除 程序 ”对 话 框 后 单 击 “ 关 闭 ” 
按钮 ， 关 闭 该 对 话 框 。 


请 单 击 “ 完 成 ”来 关闭 此 向 导 。 


[一 


eryer Internet 服务 ~ icrosort Internet Explorer 
文件 四 篇 各 于 ) 查看 轨 。 收 荐 人) 工具 人 D 帮助 


Om- © HAW Pm © A 

促 6 为 确认 是 否 正 确 安装 了 IHS， 运 行 济 y 

览 器 ， 并 在 地 址 栏 中 输入 http://localhost/ Microsoft 

localstart.asp 后 按 Enter 键 。 好 Windows xp 
Professional 


Te 服务 正在 运行 - 


的 所 有 用 记 当 前 于 人 收 
到 正在 建设 中 网 页 . 服务 回 将 询 出 下 列 文 沂 作 为 默认 同 页 - 


rr 


要 净 立 着 添加 到 黄 认 同 让 中 ， 计 拘 立 种 阳 存 在 c- MinetpnbVewrrooty 中 - 


入 成 管理 
ML 中国 晶 可 以 通过 


和 7 在 打开 文档 的 同时 也 打开 了 帮助 
页 ， 说 明成 功 地 安装 了 网 页 服务 器 。 


3.2 使 用 Dreamweaver 创建 站 点 


站 点 是 Web 站 点 中 所 有 文件 和 资源 的 集合 。 在 制作 网 页 前 ， 最 好 先 建立 一 个 站 点 ， 
这 样 可 以 更 好 地 对 文件 进行 管理 ， 也 可 ee 类 的 错误 。 
Dreamweaver 是 一 款 集 网 页 制作 和 网 站 管理 于 一 身 的 网 页 编辑 软件 。 它 提供 了 对 网 页 
可 视 化 设计 、 应 用 程序 开发 以 及 代码 编辑 ih 利用 它 可 以 轻易 制作 出 各 种 充满 动感 的 
网 页 。 目 前 Dreamweaver 的 常用 版 本 为 Dreamweaver CS3。 


实例 2 使 用 站 点 向 导 创 建 网 上 商城 站 点 
下 面 以 使 用 Dreamweaver CS3 创建 网 上 商城 站 点 shop 为 例 ， 介 绍 站 点 创建 的 具体 


操作 。 种 1 启动 Dreamweaver CS3， 选 择 “ 站 点 
理 站 点 ”命令 ， 在 打开 的 “管理 站 点 E 
单 击 “ 人 按钮 ， 在 打开 的 菜单 中 选择 “站 
点 ”命令 ， 打 开 站 点 创建 向 导 。 


wer 中 的 站 点 是 文件 和 文件 洋 的 集合 ， 它 对 应 于 服务 器 上 的 Yeb 


事 2 在 “基本 ”选项 卡 中 为 站 点 设置 一 你 的 站 点 的 MTTP 好 址 (RL) 是 什么 了 


tt 
个 名 称 ， 本 例 为 shop， 然 后 单 击 “下 一 SR 


步 ”按钮 打开 服务 器 技术 选择 界面 。 引 和 各 吉 0 和 上 人 RE 


EEC 


术 。” 单 选 按钮 ， 单 击 “ 下 一 步 ” 按 钮 
打开 编辑 文件 界面 。 


[LEE 


快 条 全 电脑 一 动态 网 站 设计 基山 与 应 用 
捉 3 选中 “ 否 ， 我 不 想 使 用 服务 器 技 一 hulasdd 
1 


由 于 本 例 是 制作 静态 网 页 ， 可 以 在 Dreamweaver 中 直接 进行 预览 ， 所 以 暂 不 使 用 
服务 器 技术 ， 如 果 是 创建 动态 网 页 ， 则 需要 放 在 相应 服务 器 中 才 可 预览 ， 应 选中 
是 ， 我 想 使 用 服务 器 技术 ” 单 选 按钮 ， 然 后 对 服务 器 进行 设置 。 


shop 的 站 点 定义 为 

Es - 审 4 选择 编辑 和 调试 文件 的 方式 ， 本 例 选 
站 点 定义 : ss 中 “编辑 我 的 计算 机 上 的 本 地 副本 ， 完 成 

后 再 上 传 到 服务 器 (推荐 )” 单 选 按钮 ， 并 
在 开发 过 程 中 ,做 打 基 如 何 全 用 您 的 文件 ? 在 下 面 的 文本 框 中 输入 用 来 保存 网 页 的 文 
件 夹 (或 单 击 后 面 的 文件 夹 图 标 辐 ， 在 弹出 

Ws a 的 对 话 框 中 进行 选择 )。 设 置 好 后 ， 单 击 
“下 一 步 ” 按 钮 。 


在 “高 级 ”选项 卡 中 
也 可 以 设置 站 点 


中 S 在 “您 如 何 连接 到 远程 服务 器 ” 
科 列 玫 械 中 汶 择 “ “无 ”选项 ， 单 击 “ 
- 步 ”按钮 。 


GE 区 


shop 的 站 点 定义 为 
基本 。 [站 级 


站 点 定义 


捉 6 单 击 “完成 ”按钮 ， 即 可 成 功 创建 
shop 站 点 。 


您 的 站 点 包含 以 下 设置 
人 

站 点 名 称 ，shop 
ET D\ 金 全 则 \ 动 态 网 站 制作 \ 
远程 信息 : 
访问 ;我 将 在 以 后 完成 此 设置 ， 


测试 服务 器 
访问 ;我 格 在 以 后 完成 此 设置 。 


可 以 合用 ' 高 照 ' 沈 项 卡 对 修 的 站 点 进行 进一步 配置 


EE aa)[Cm 


。 加 第 3 章 ， 环境 配置 与 站 点 创建 一 一 网 上 商城 制作 策 2 步 


通常 网 站 都 是 先 在 本 地 电脑 中 进行 制作 ， 然 后 再 上 传 到 互联 网 服务 器 中 进行 发 
布 。 本 地 电脑 中 的 网 站 称 为 本 地 站 点 ， 服 务 器 上 的 网 站 称 为 远程 站 点 。 


3.3 使 用 Dreamweaver CS3 管理 站 点 


管理 站 点 主要 是 利用 Dreamweaver 文件 面板 ， 对 网 站 所 用 到 的 文件 夹 与 文件 进行 创 
建 、 移 动 和 命名 等 ， 以 实现 站 点 的 条 理化 管理 ， 方 便 日 后 对 网 站 进行 更 新 与 维护 。 


3.3.1 ”站 点 文件 夹 和 文件 的 创建 


要 实现 站 点 的 条 理化 管理 ， 需 要 为 站 点 创建 多 个 文件 夹 ， 根 据 网 页 文件 以 及 网 站 其 他 
资源 (图 片 、 音 乐 和 数据 库 等 ) 的 用 途 ， 将 网 页 文件 以 及 网 站 其 他 资源 分 类 存放 在 不 同 的 文 
件 夹 中 。 在 站 点 中 创建 文件 夹 和 文件 的 具体 操作 如 下 。 
选择 “新 建文 件 ”命令 ， 可 


在 当前 选中 文件 夹 内 创 
建 .html 格式 的 网 页 文件 


1 了 手 入 和 用 “布局 表单 | 数据 spry 本 收藏: 二 标 答 检 
长 £9 0 回 - 也 章 入 5 本 到 


面 PHP 下 

和合 ASPvBseript 

全 xSLT( 整 页) 

入 css [于 区 文件 大人 天王。 全 0 a 二 
而 uasernt ru 一 钙 1 在 “文件 ”面板 中 选择 要 创建 子 文 


件 夹 的 文件 夹 并 右 击 ， 在 弹出 的 快捷 菜 
单 中 选择 “新 建文 件 夹 ”命令 ， 可 在 该 
文件 夹 下 新 建 一 个 子 文件 夹 。 


文件 中 编辑 于) 查看 W) 插入 记录 [I) 修改 时 文本 人 TD) 命令) 站 点 G) 窗口 加 帮助 QW) 
一 白 入 筷 用 局 素 单 汝 Spry 文本 收藏 三。 ?标签 检查 器 
_ 入 村。 
囊 2 此 时 文件 夹 处 于 可 编辑 状态 ， 可 为 PHP 二 
其 修改 名 称 ， 按 Enter 键 应 用 更 改 后 的 全 
XSLT( 要 页 ) 
第 css 
天 Javaseript 


-------.@EO.-------- 


如 果 站 点 没有 使 用 服务 器 技术 ， 则 新 建文 件 的 默认 格式 为 html; 若 站 点 使 用 了 服 
务 器 技术 ， 则 新 建文 件 的 默认 格式 为 所 用 服务 器 技术 的 默认 格式 .例如 ， 若 使 用 ASP 
技术 ， 则 文件 的 默认 格式 为 .asp。 


Ea 


Os 了 应 用 


为 便于 网 站 后 期 的 维护 与 管理 ， 网 站 中 所 有 文件 和 文件 夹 的 命名 都 应 遵循 一 定 的 规 
则 。 首 先 介绍 一 下 首页 。 静 态 的 首页 文件 一 般 命名 为 mdex.html 或 mdex.htm。 如 果 是 包含 
程序 代码 的 动态 页 面 ， 比 如 ASP 文件 ， 则 命名 为 index.asp。 总 之 ， 后 级 名 与 网 页 本 身 所 
使 用 的 技术 是 对 应 的 。 
文件 和 文件 夹 命 名 时 还 需 注意 以 下 事项 。 
@ 最 好 不 要 使 用 中 文 命名 文件 。 因 为 在 使 用 Unix 或 Linux 作为 操作 系统 的 主机 
上 ， 使 用 中 文 命名 的 文件 会 出 错 。 

e@ ”文件 名 中 不 要 使 用 大 写 英 文字 母 。 因 为 Unix 操作 系统 区 分 英文 字母 大 小 写 ， 而 
Windows 操作 系统 不 区 分 英文 字母 大 小 写 。 因 此 ， 为 了 保证 网 站 发 布 后 不 致 出 
错 ， 文 件 名 最 好 全 部 使 用 英文 小 写字 母 。 

@ ”运算 符 符 号 不 能 用 在 文件 名 的 开头 。 

@ 比较 长 的 文件 名 可 以 使 用 下 划 线 “ ”来 隔 开 多 个 单词 或 关键 字 。 

@ 在 大 型 网 站 中 ， 分 支 页 面 的 文件 应 存放 在 单独 的 文件 夹 中 ， 每 个 分 支 中 的 图 像 也 

应 该 存放 在 单独 的 文件 夹 中 ， 存 放 网 页 图 像 的 文件 夹 通常 命名 为 images 或 者 
img。 


@ 在 动态 网 站 中 ， 用 来 存放 数据 库 的 文件 夹 通常 被 命名 为 data 或 database。 


3.3.2 ”站 点 文件 的 移动 与 复制 


同 管理 储存 在 磁盘 中 的 文件 一 样 ， 在 Dreamweaver CS3 文件 面板 中 可 以 使 用 前 切 、 复 
制 和 粘贴 等 命令 轻易 实现 文件 的 移动 与 复制 ， 具 体操 作 如 下 。 


文件 下 ) 编辑 下 ) 查看 WD 插入 记录 可 ) 修改 曙 ) 文本 四) 命令 吕 ) ET YO 帮助 00) 
i 


-在 -于 由 氏 IEx A 次 尖 
BD :hep x 本 地 视图 
惠 1 右 击 要 移动 或 复制 的 文件 ， 在 弹出 的 快捷 一 ee 
菜单 中 指向 “编辑 ”选项 ， 在 打开 的 子 菜单 中 ee 后 
选择 相应 命令 ， 可 执行 文件 前 切 、 复 制 和 删除 i I rr 三 
等 操作 。 本 例 选 择 “ 剪 切 ”命令 。 


删除 @) Del 
nn 复制 Ctrl 
UH 命名 002 


若 选择 “复制 ”命令 ， 将 在 文件 所 
在 文件 夹 中 创建 文件 的 副本 ; 若 选 
择 “ 重 命名 ”命令 (或 按 F2 键 )， 
可 为 文件 修改 名 称 


i 串 2 在 要 保存 所 剪 切 文件 的 文件 夹 上 

1- 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “ 编 

He 辑 ” 一 “粘贴 ”命令 ， 打 开 “ 更 新 文 
件 ” 对 话 框 。 

出 有 和) 1 > 

复制 人 ctrl . 


EEE 环境 配置 与 站 点 创建 一 一 网 上 商城 制作 第 2 步 


| 一 $3 单 击 “更 新 ”按钮 ， 系 统 会 自动 
ET 更 新 文件 中 的 链接 。 


(wel 


[SS ET | 
文件 四 编 句 加 查看 性 入 记录 中) 修改 咖 文本 I) 命令) 站 点 G) 窗口 岂 ， 和 助 
“要 入 守 用 布局 表单 数据 Spry 文本 收藏 和 后 “了 文件 


捉 4 文件 已 移动 到 目标 位 置 。 


实例 3 创建 网 上 商城 文件 夹 结构 

根据 网 上 商城 网 站 的 功能 与 用 途 ， 需 要 为 站 点 创建 后 台 管 理 文件 夹 admin、 数 据 库 文 
件 夹 database、 网 页 图 片 文件 夹 images、 保 存 通用 文件 (如 数据 库 连接 文件 ) 的 文件 夹 
include， 以 及 保存 上 传 文件 的 文件 夹 upfile。 具 体操 作 如 下 。 


1 下 插入 富 用 枚 局 表单 | 数据 |Spry | 文本 | 收藏; 二 
4 回电 | 图 回国 - 血 - 问 哆 E 
可 PHP 


_ 1 创建 shop 站 点 ， 在 站 点 文件 夹 上 右 


EY 司 [at 四 加 


但 Aspveserpt LE [Stal 击 ， 在 弹出 的 快捷 菜单 中 选择 “新 建文 
已 于 件 夹 ” 命令 ， 新 建 -个 文件 夹 。 


入 JavaScript 


ED ED 蕴 和 记 好 中 修改 咖 文本 CD) 命令 亿 ) 站 点 G) 窗口 中) ET 
TY 项 入 征用 布局 表单 | 数据 |Spry 文本 路 害 ;二 “文件 


彼 回 囊 | 目 回国 . 而- 名 昌 G 


囊 2 将 文件 夹 名 称 更 改 为 admin， 


Enter 键 应 用 更 改 后 的 名 称 。 | 
Sp 则 xsLT( 束 页 ) 


由 css 

5 加 |Ea © vvascrrt 
文件 由 编辑 外 查看 尼 ) 插入 记录 民 ) 修改 如 文本 GD) 命令 尼 ) 站 点 久 ) 窗口 如 帮助 名 
插入 富 用 布局 囊 间 数据 |Spry | 文本 | 收藏 二 | 文件 把 
甩 加 旧 | 轩 司 国 -而 .自负 筷 | 嫉 


全 和 |5 人 HY 有 全 | 园 - 
酝 xstrcsm 日 | TAF 下 一 一 所 3 以 同样 的 方法 创建 其 他 文件 夹 ， 效 果 


个 css 文件 天 


各 Javascript 


如 左 图 所 示 。 


-BO@@EG:----------- 
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此 外 ， 还 可 以 直接 在 磁盘 分 区 的 站 点 文件 夹 内 创建 文件 和 文件 夹 。 在 Dreamweaver 


CS3 文件 面板 中 单 击 “ 刷 新 ”按钮 妃 ， 可 在 Dreamweaver 中 刷新 显示 站 点 文件 夹 当 前 
所 包含 的 所 有 文件 。 


3.4 创建 网 页 并 设置 网 页 属性 


实例 4 创建 网 上 商城 首页 
下 面 以 创建 网 上 商城 首页 为 例 ， 介 绍 网 页 的 创建 方法 与 网 页 属性 设置 。 


E" 1 列国 定 + 
本 ee me 全 1 选择 “文件 ” 一“ 新建” 
WD were 1 命令 ， 或 按 CtrltN 组 合 键 ， 在 
sme 打开 的 对 话 框 中 依次 选择 “ 空 
轩 mu 二 1”、HTML 和 “无 ” 选 
然后 单 击 “ 创 建 ”按钮 新 
建 一 个 文档 。 
文物 交 入 XHTRL 1.0 Transiticnal 避 
附加 css 六 促 be 
[CR ) [Eee ] EEC 站 


本 kdobe 


Dreamweaver CS3 - [Untitled-2 (XHTML)] 
文件 时 编辑 里 ) 查看 0D) 插入 记录 加) 修改 虽 文本 CI) 命令 区 ) 站 点 @G) 窗口 中 帮助 如 时 
插入 常用 布局 | 囊 单 | 数据 | Spry | 文本 | 收藏 严 二 


妃 回 电 | 轩 回国 -外 - 轿 日 思 了 由- 人心-| 图 - 员 
Untitled-2 es -x 
[ 吕 代 码 | 局 拆 分 | 国 设计 | 标题 无 标题 文档 有 起 |C 国 @|b 局 
ER Be, Df | EL 


捉 2 单 击 “ 页 面 属性 ”按钮 ， 
打开 “页 面 属 性 ”对 话 框 。 


下 属性 
格式 | 无 | 样式 无 


页 面 属性 用 来 指定 网 页 的 布局 和 格式 设置 ， 包 含 页 面 的 默认 字体 系列 、 字 体 大 
、 背 景 颜色 、 页 面 边 距 和 链接 样式 等 多 个 方面 。 


页 面 字体 到 ); 蒜 认 字体 

大 小 : [12 司 | 便衣 6o) 加 囊 3 选择 “外 观 ” 选 项 ， 设 置 

文本 颜色 四)， 加 | W000000 页 面 字 体 大 小 为 12px， 文 本 颜 

背景 颜色 @) [| | 时 FFPFP 色 为 #000000， 背 景 颜色 为 

青 景 图 人 了 ); 古 FFFFF，4 个 页 边 距 统一 为 

重复 四 ): ~ 0px， 然 后 选择 “标题 /编码 ” 
选项 。 


左边 距 旭 : [0 ”|| 便 来 x) ， 国 | 右边 距 @B): 0 像素 (px) 加 
上 按 距 @): [0 ] 像素 pz) 图 | 下 边 距 人 :|0 || 像素 px) 国 


串 4 设置 “标题 ”为 “网 上 商城 ”， 然 一 一 一 ES 
后 单 击 “确定 ” 按 钮 返回 文档 窗口 。 的 网 四 [ie Or “ 
Wicede 标准 化 表单 全) [5 须 范 分 解 ， 后 眼 规 范 合成) 网 
口 包括 Wnicode 签名 GoD G) 


文件 文件 夷 ;0;\ 金 全 网 \ 动 态 网 站 建设 \ 
站 点 文件 去 ; 0;\ 金 企 网 \ 动 态 网 站 建设 \ 


保存 在 0); | 轧 动态 网 站 建设 
局 in 
[= 


个 S 选择 “文件 ”一 “保存 ”命令 或 按 
Ctrlts 组 合 键 ， 在 打开 的 “另存 为 ”对 
话 框 中 ， 系 统 会 自动 选择 当前 站 点 路 
径 ， 修 改 文件 名 为 index.html， 单 击 “ 保 
存 ” 按 钮 ， 即 可 将 文档 保存 在 当前 站 点 
| 根 目录 。 


保存 类 型 9): 。 | 所 有 文档 人. hta:* htnl :* .shta:#_ shtnl 0 


--------- .OOOE.---------- 


站 点 根 目录 
Unicode 标准 化 表单 (E); IC (规范 分 解 ， 后跟 规范 合成) 
口 包 括 Unicode 签名 (BoMX5) 


问 与 答 


洞 ， 为 了 方便 操作 ， 想 把 文件 面板 组 拖 离 右 侧 的 面板 组 区 域 ， 应 该 怎么 做 ? 
管 ， 只 需 将 鼠标 指针 置 于 文件 面板 左上 侧 的 罩 图 标 上 ， 当 光标 变 为 中 形状 时 ， 单 击 左 
键 ， 并 向 文档 编辑 区 拖 动 即 可 。 如 果 想 把 面板 组 拖 回 到 原 位 置 ， 同 样 要 单 击 图标 并 向 面 


ED 
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板 组 区 域 拖 动 。 

间 ; 在 Dreamweaver CS3 中 可 以 自己 设置 工作 区 吗 ? 想 把 面板 组 放 在 左 侧 可 以 吗 ? 

管 ， 当然 ，Dreamweaver CS3 的 工作 区 布局 是 相当 灵活 的 。 在 第 一 次 启动 
Dreamweaver CS3 时 ， 会 弹出 一 个 对 话 框 ， 让 您 选择 工作 区 布局 (有 设计 器 和 编码 器 两 种 
布局 模式 )。 

设计 器 是 一 个 使 用 MDI( 多 文档 界面 ) 的 集成 工作 区 ， 其 中 全 部 “文档 ”窗口 和 面板 被 
集成 在 一 个 较 大 的 应 用 程序 窗口 中 ， 并 将 面板 组 停靠 在 右 侧 。 

编码 器 同样 是 集成 的 工作 区 ， 但 是 它 将 面板 组 停靠 在 左 侧 ， 而 且 “ 文 档 ” 窗 口 在 默认 
情况 下 显示 “代码 ”视图 。 

若 要 在 选择 一 种 工作 区 后 切换 到 另 一 种 工作 区 ， 可 以 通过 选择 “窗口 ”一 “工作 区 布 
局 ”下 的 相应 菜单 命令 ， 来 选择 自己 喜欢 的 工作 区 布局 。 

间 : 如 果 同 时 制作 两 个 以 上 的 网 站 ， 应 该 怎样 指定 本 地 站 点 呢 ? 


管 ， 有 时 需要 同时 制作 两 个 以 上 的 站 点 。 此 时 要 把 每 个 网 站 中 所 用 到 的 素材 及 文件 
保存 到 不 同 的 文件 夹 中 ， 并 且 分 别 创建 站 点 。 例 如 要 同时 制作 网 上 商城 网 站 和 金 企鹅 网 


站 ， 可 以 把 保存 了 网 上 商城 网 站 的 文件 夹 创建 为 用 shop 命名 的 站 点 ， 而 把 保存 了 人 金 企 鹅 
网 站 的 文件 夹 创建 为 用 JQE 命名 的 站 点 。 然 后 可 以 在 文件 面板 中 切换 两 个 站 点 。 

间 :; 应 该 在 什么 时 候 创建 站 点 ? 

管 ， 在 开始 制作 网 页 之 前 ， 就 应 该 创建 站 点 ， 并 把 需要 的 图 像 文件 放 在 相应 的 文件 
夹 中 ， 然 后 再 开始 创建 网 页 文档 并 将 其 保存 在 已 创建 的 站 点 中 。 这 样 就 会 减少 发 生 错 误 的 
儿 率 ， 也 避免 了 在 制作 网 页 的 过 程 中 再 去 找 图 像 文 件 的 麻烦 。 


练 一 答 


利用 本 章 所 学 知识 创建 Tom 站 点 ， 在 该 站 点 创建 images 文件 夹 和 index.html 文件 ， 最 
终 效果 如 下 图 所 示 。 


本 地 文件 | 大 小 | 类 型 
日 加 站 点 - Ton (. 文件 夹 
岛 inages 文件 夹 


Fe 


[Ea SS 


入 了 三 和 该 汗 网 大 版 而 一 一 
网 上 商城 制作 第 3 步 


本 章 学 习 重 点 


最 只 创建 表格 
) 只 添加 图 像 


只 添加 文本 并 设置 文本 属性 
只 使 用 表单 

[ 埠 添加 多 媒体 信息 

只 设置 超级 链接 

[只 使 用 CSS 美化 网 页 


站 点 创建 好 后 ， 便 可 以 制作 网 页 了 。 目 前 最 流行 的 网 页 制作 工具 是 Dreamweaver， 它 
采用 可 视 化 操作 ， 只 要 制作 一 个 功能 较 全 的 网 页 ， 便 可 以 一 通 百 通 轻松 创建 各 种 网 页 。 本 
章 以 制作 网 上 商城 首页 为 例 ， 介 绍 使 用 Dreamweaver 制作 网 页 的 操作 。 


4.1 创建 表格 


页 面 布局 是 网 页 设计 中 很 重要 的 一 部 分 ， 只 有 掌握 了 页 面 布局 的 方法 ， 才 能 让 网 页 中 
的 文本 和 图 像 等 元 素 “ 各 就 各 位 ”。 目 前 最 为 常用 的 网 页 布局 方法 是 利用 表格 。 
实例 1 创建 网 上 商城 首页 头 部 表格 
网 上 商城 首页 头 部 表格 用 来 放置 网 站 项 部 链接 、 网 站 宣传 广告 和 横向 导航 按钮 等 元 
素 。 具 体 创 建 方法 如 下 。 
币 工 在 shop 站 点 中 ， 双 击 第 3 章 创建 的 index 
文档 ， 打 开 文档 窗口 ， 将 光标 定位 在 要 插入 
表格 的 位 置 ， 单 击 插入 栏 中 “常用 ”类 别 下 
的 “表格 ”按钮 国 ， 或 选择 “插入 记录 ”一 
“表格 ”命令 ， 打 开 “ 表 格 ”对 话 框 。 


ver C53 - [D:\ 爹 企 热 \ 动 态 网 站 建设 Vindex. htal (xH7... 基因 | 了] 
福 作 四， 网络 国 ， 坦 看 其 入 记录 CD) 伟 到 思 ， 文 本 他 人) 站 点 窗口 由 帮助) 
到 逢 天 so 4 天 反 ]v 广 件 
昌 回 蝇 图 国 - 自 - 日 8 9 b+ ® | ** CE 
— 和 


再 a 
EL 


在 Dreamweaver 工具 栏 中 单 击 “ 代 码 ” 按 钮 可 显示 代码 视图 ， 方 便 用 户 查 看 文档 


源 代码 ， 并 对 其 进行 编辑 ， 单 击 “ 拆 分 ”按钮 可 同时 显示 代码 与 设计 视图 ; 单 击 “ 设 
计 ” 按 钮 可 显示 设计 视图 ， 方 便 对 网 页 中 的 各 元 素 进行 可 视 化 编辑 ， 通 常 制 作 静 态 页 
面 时 设置 为 设计 视图 ， 制 作 动态 页 面 时 设置 为 代码 视图 。 
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设置 表格 边框 粗细 、 单 元 格 边 距 ( 又 
称 填充 )、 间 距 均 为 0， 目 的 是 仅 使 
用 表格 定位 网 页 元 素 ， 其 本 身 不 占 
用 页 面 空间 。 和 否则 会 在 网 页 中 显示 
表格 的 边框 


囊 2 按 左 图 所 示 ， 设 置 表格 行 数 、 列 数 和 宽 
度 等 属性 ， 单 击 “ 确 定 ” 按 钮 ， 创 建 1 个 3 
行 1 列表 格 。 


中 3 在 属性 面板 中 的 “对 齐 ” 下 : 
拉 列 表 框 中 选择 表格 对 齐 方式 为 


“居中 对 齐 ”， 在 “表格 Id” 下 EEW ee 
拉 列 表 框 中 输入 表格 名 称 top。 下 
行 5 宽 Tiz [全 案 汪 二 类 无 E 

vy a 


es 站 种 4 将 光标 定位 在 第 1 个 单元 格 
| nid 中 ， 然后 在 属性 面板 中 设置 单元 
性 格 高 度 为 30， 背 景 颜 色 为 

4 式 天 加 村 站 CJ ax 生生 当 国 凶 站 9 昌 | ”#000000。 接 着 请 参考 本 章 实 例 2 
继续 操作 。 


字体 默认 字体 避 。 大 小 |12 Wj 点 数 0t) 过 | 也 |wo0000 ] 江 注 让 起 目标 
中 单元 格 水 平 | 默认 ~ 不 换行 口 。 背景 SD 
os mm Ee Pm. 


在 表格 属性 面板 中 ， 各 参数 选项 的 含义 如 下 。 

@ 表格 Id: 在 该 下 拉 列 表 框 中 可 对 表格 进行 命名 。 

@ 行 和 列 : 这 两 个 文本 框 用 于 设置 表格 的 行 数 和 列 数 。 

@ ” 宽 : 此 文本 框 用 于 设置 表格 的 宽度 ， 在 其 后 面 的 下 拉 列 表 框 中 可 选择 宽度 单位 ， 
有 像素 和 百分比 (百分比 是 指 表格 的 宽 或 高 设置 为 上 层 标记 所 占 区 域 宽 或 高 的 百 
分 比 。 例 如 ， 一 个 表格 宽 为 600 像素 ， 在 它 里 面 嵌 入 了 另 一 个 表格 ， 宽 为 50%， 
则 这 个 表格 的 宽度 就 为 300 像素 ) 两 种 。 

@ 填充: 用 于 设置 单元 格 边界 和 单元 格 内 容 (如 文本 、 图 像 ) 之 间 的 距离 ， 标 准 单位 

是 像素 。 

间距 : 用 于 设置 相 邻 单元 格 之 间 的 距离 ， 标 准 单位 是 像素 。 

对 齐 : 用 于 设置 表格 与 文本 、 图 像 等 元 素 间 的 对 齐 方式 。 

边框 : 用 于 设置 表格 边框 的 粗细 ，0 表示 无 边框 ， 标 准 单位 是 像素 。 

边框 颜色 : 用 于 设置 表格 边框 颜色 。 

背景 颜色 : 用 于 设置 表格 背景 颜色 。 


[ET 
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@ ”背景 图 像 : 用 于 设置 表格 背景 图 像 。 单 击 文本 框 右 侧 加 按钮 ， 在 打开 的 “选择 
图 像 源 文件 ”对 话 框 中 可 选择 背景 图 像 。 


。 ”和 加， 单 击 此 按钮 可 删除 表格 的 列 宽 值 。 

。 ”五 ， 单 击 此 按钮 可 删除 表格 的 行 高 值 。 

。 祝 : 单 击 此 按钮 可 将 表格 宽度 单位 从 百分比 转换 为 像素 。 
。 “名 ， 单 击 此 按钮 可 将 表格 宽度 单位 从 像素 转换 为 百分比 。 
游 坊 一 提示 


若 要 对 表格 进行 操作 ， 需 先 选中 表格 。 将 鼠标 指针 移 至 表格 边框 ， 当 指针 变 为 地 或 
小 形状 时 ， 单 击 可 选中 表格 ， 如 左下 图 所 示 ; 将 光标 插入 点 定位 在 表格 的 任 一 单元 格 
中 ， 单 击 窗口 左下 角 标 签 选择 器 中 的 <table 一 标签 ， 也 可 选中 表格 ; 将 光标 移 至 表格 的 
边框 线 上 ， 当 边框 线 变 为 红色 且 指 针 变 为 徊 形状 时 ， 单 击 同样 可 选中 表格 ， 如 右 下 图 所 


将 光标 移 至 行 的 左 侧 ， 当 光标 变 为 只 形状 且 该 行 边框 线 变 为 红色 时 ， 单 击 ， 可 选中 
该 行 ， 如 下 图 左 1 所 示 ; 将 光标 移 至 列 的 上 端 ， 当 光标 变 为 及 形状 且 该 列 边框 线 变 为 红 
色 时 ， 单 击 ， 可 选中 该 列 ， 如 下 图 左 2 所 示 。 

将 光标 定位 在 要 选择 的 单元 格 中 ， 单 击 可 选中 该 单元 格 。 若 要 选择 相 邻 的 多 个 单 
元 格 ， 可 在 第 1 个 单元 格 处 按 住 筷 标 左 键 拖 动 筷 标 ， 在 最 后 一 个 单元 格 释放 和 鼠标 左 键 
可 选中 鼠标 经 过 的 单元 格 区域 ， 如 下 图 左 3 所 示 ; 若 要 选中 不 相 邻 的 单元 格 ， 可 在 按 
住 Ctrl 键 的 同时 单 击 要 选择 的 单元 格 ， 如 右 图 所 示 。 


-6GG@OG:--------- 


4.2 添加 图 像 


在 网 页 中 ， 适 当地 添加 图 像 会 使 网 页 美观 、 形 象 和 生动 ， 吸 引 更 多 的 浏览 者 。 网 页 支 
持 的 图 像 有 GIF、JPG 和 PNG 三 种 格式 。 


= | 
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实例 2 添加 网 上 商城 首页 图 像 


添加 图 像 时 ， 需 先 将 光标 定位 在 要 插入 图 像 的 位 置 。 下 面 以 添加 网 上 商城 首页 图 像 为 
例 ， 介 绍 添加 图 像 的 具体 操作 。 


在 插入 图 像 之 前 ， 应 将 所 用 到 的 图 像 复制 到 站 点 images 文件 类 中 ， 这 样 便于 日 后 


管理 与 更 新 ， 否 则 一 旦 图 片 存储 位 置 发 生变 化 ， 网 页 便 无 法 正常 显示 。 本 章 实例 所 用 
到 的 图 像素 材 位 于 “素材 与 实例 \ 第 4 章 \ 实 例 2\images” 去 入 天生 ， 应 先 将 其 复制 到 
shop 站 点 的 images 文件 夹 中 。 


ES 四 囊 1 将 光标 定位 在 top 表格 的 第 1 个 单元 格 

表格 宽度 : 110 | 百分比 过 中 ， 选 择 “插入 记录 ”一 “表格 ”命令 ， 在 打 

图 开 的 对 话 框 中 ， 按 左 图 所 示 进 行 设置 ， 然 后 单 

击 “ 确 定 ”按钮 ， 在 该 单元 格 中 创建 1 个 1 行 
11 列 的 堪 套 表格 。 


| 分 | 团 设 i+ | 标题 ， 玩 标 题 文档 肚 国 CG 同 . 呈 .| Si 
rT ee pe Eo 
42 洗 光 标定 位 在 浙 表 格 的 第 个 中 一 对 生生 
元 格 中 ， 将 其 宽度 设置 为 460， 然 后 有。 Se 


将 光标 移 至 第 2 个 单元 格 中 。 


样式 无 EC 
汪 汪 生起 
水 二 默认。 汪汪 了 至 最 
重 直 默认 | | 标题 口 。 背景 基色 厂 ,| 


ee nowwuny 
DR NO A juo -email 1 选择 “插入 记录 ”一 “图 像 ”命令 ， 打 
区 习 “ 开 “选择 图 像 源 文 件 ” 对 话 框 。 


格式 无 站 CJ 2 7 下 全 手下 链接 
字体 | 默认 字体 加 J 主 往 毕 择 目标 


中 单元 格 水 平 | 默认 | 青 景 
站 要 直 于 [__ 背景 额 色 厂 -| 局 一 | 了 


TO 


趾 4 选择 要 插入 的 图 像 文 件 ， 本 例 选择 文 
件 index_03.gif， 单 击 “ 确 定 ” 按 钮 打开 
“图 像 标签 辅助 功能 属性 ”对 话 框 。 


图 焦 标 签 辅助 功 能 展 性 申 S 单 击 “ 确 定 ”按钮 插入 图 像 。 接 着 请 
= 参考 本 章 实例 3 继续 操作 。 


详细 说 明 : http:77 


“替换 文本 ”的 设置 与 (0 BO 3 1 ei es 


实例 3 设置 图 像 属性 
在 Dreamweaver 中 单 击 某 一 图 像 可 选中 该 图 像 ， 选 中 图 像 后 在 属性 面板 中 可 对 其 属性 
进行 设置 ， 例 如 图 像 大 小 、 文 件 路 径 和 所 链接 的 文档 等 。 方 法 如 下 。 


index, htmat 
[rer 标题 ， 无 标题 文档 外 和 | e 目 C 
RD Pe Pe 


圳 1 选中 要 设置 的 图 像 。 . 


二 maar | 一 争 2 在 属性 面板 中 设置 图 像 必 性， 如 
和 司 ”在 “替换 ”下 拉 列 表 框 中 输入 替换 


8, Ht ove /ini oa 人 局 图 文 二 “项 卓 答 二 参 
国人 文本“ 项目 符 号 ”。 设置 好 后 参考 
地 图 ] 用 过 虑 目标 EE [EE] 本 章 实例 4 继续 操作 。 
NN 口 口 对 水 Tw 耻 低 解 析 度 源 四) 加 


图 像 属性 面板 中 各 选项 的 作用 如 下 。 

@ ”图 像 命 名 : 在 “图 像 ” 文 本 框 中 可 为 图 像 命名 或 重 命名 ， 以 便 在 使 用 脚本 语言 时 
方便 引用 该 图 像 。 

@ 图像 大 小 : 在 “ 宽 ” 和 “高 ”文本 框 中 显示 了 图 像 的 原始 大 小 ， 单 位 为 像素 ， 若 
要 改变 图 像 大 小 ， 可 直接 在 这 两 个 文本 框 中 输入 新 数值 。 

@ 源 文件 ， 显 示 了 图 像 文件 所 在 路 径 ， 若 要 重新 插入 新 图 像 ， 可 在 此 文本 框 中 输入 
新 图 像 地 址 ， 或 单 击 其 后 的 互 按钮 ， 在 打开 的 对 话 框 中 选择 新 图 像 。 


--------.@EOE.--------- 


@ a 和 于 输入 图 像 的 说 明文 字 ( 蔡 换文 本 )， 当 浏览 该 网 页 并 将 光标 指向 该 图 像 
会 在 光标 右 下 方 显示 说 明文 字 。 

对 齐 ， 用 于 设置 图 像 与 文本 的 对 齐 方式 。 

边 距 : 在 “垂直 边 距 ”和 “水 平 边 距 ”文本 框 中 可 设置 图 像 与 文本 的 距离 。 

图 像 边框 : 用 于 设置 图 像 边框 的 宽度 ， 单 位 为 像素 ， 输 入 0 表示 无 边框 。 

链接 : 用 于 设置 图 像 的 链接 文件 ， 浏 览 网 页 时 ， 单 击 该 图 像 便 会 转向 该 图 像 的 链 


6a) 


快 条 电脑 一 动态 网 站 设计 基础 与 用 


接 文 件 。 
在 Dreamweaver 中 ， 除 了 可 以 修改 图 像 的 基本 属性 外 ， 还 可 以 通过 如 下 图 所 示 的 一 组 
按钮 来 对 图 像 进 行 简单 的 加 工 与 处 理 。 
裁剪 ”重新 取样 
优化 一 一 一 一 三 一 亮度 和 对 比 度 
编辑 一 编辑 国 名 全 可 科 A 一 一 锐 化 


e 编辑 : 将 图 像 在 Photoshop 中 打开 并 编辑 。 如 果 没 有 安装 Photoshop， 则 这 个 按 


钮 不 起 作用 。 
@ ”优化 : 单 击 该 按钮 会 打开 一 个 对 话 框 ， 从 中 可 对 图 像 的 品质 和 文件 格式 等 重新 
设置 。 


@ 裁剪: 裁 切 图 像 大 小 。 选 中 图 像 后 单 击 该 按钮 可 以 进入 裁 切 状态 。 此 时 将 光标 移 
至 图 像 裁 切 框 的 控制 点 单 击 并 拖 动 ， 可 调整 裁 切 框 。 调 整 好 后 可 按 Enter 键 确认 
裁 切 ， 要 取消 裁 切 ， 可 以 按 Esc 键 。 

@ 重新 取样 : 在 Dreamweaver 中 改变 图 像 大 小 后 ， 往 往 会 影响 图 像 的 显示 质量 ， 
这 时 可 以 单 击 “重新 取样 ”按钮 来 改善 图 像 质 量 。 如 果 图 像 的 尺寸 没有 改变 ， 那 
么 这 个 按钮 是 灰色 不 可 用 的 。 

@ ”亮度 和 对 比 度 : 调节 图 像 的 亮度 和 对 比 度 。 

@ 锐 化 : 对 图 像 进行 锐 化 处 理 。 适 当 加 大 锐 化 值 可 以 使 图 像 变 得 清晰 。 但 是 如 果 锐 
化 值 太 大 的 话 ， 会 使 图 像 的 噪点 增多 ， 使 图 像 变 粗糙 。 

制作 网 页 时 ， 如 果 想 在 某 一 位 置 放置 图 像 ， 但 目前 尚未 创作 好 图 像 ， 这 时 可 以 使 用 图 

像 占 位 符 代 替 图 像 ， 当 有 合适 的 图 像 时 将 其 添加 到 占 位 符 即 可 。 有 具体 操作 如 下 。 


日 Macromedia ed-1. htal 《KBTIL)s] E 
文件 加 编辑 三] 命令 访 ) 站 点 人 G) 窗口 人 帮助 0 
CuritE Tes 


六 本 mB 


囊 1 将 光标 移 至 要 插入 图 像 的 位 置 ， 然 后 选 
择 “插入 记录 ”一 “图 像 对 象 ”一 “图 像 占 
位 符 ” 命 令 ， 打 开 “ 图 像 占 位 符 ” 对 话 框 。 


图 
上 ed 契 记 链 撞 下) 

pe 芝 - … | 同 …- 
本 二 和 本 昌 央 四 


囊 2 设置 图 像 占 位 符 “ 名 称 ”、“ 宽 度 ”、 
“高 度 ” 和 “颜色 ”等 属性 ， 单 击 “确定 ” 
按钮 ， 文 档 中 便 会 出 现 1 个 占 位 符 。 


钊 3 双击 图 像 占 位 符 ， 在 打开 的 对 话 框 中 选 
择 要 添加 的 图 像 ， 即 可 在 此 图 像 占 位 符 中 添 
加 图 像 。 


李 安 最 新 作品 
《 色 戒 》 


4.3 添加 文本 并 设置 文本 属性 


文字 是 将 各 种 信息 传达 给 浏览 者 的 最 主要 和 最 有 效 的 途径 ， 是 网 页 不 可 或 缺 的 元 素 。 
在 Dreamweaver 中 可 以 设置 文本 的 字体 、 字 号 、 颜 色 和 字符 间距 等 属性 。 

使 用 网 页 文本 可 遵循 如 下 原则 。 

@ ”单个 页 面 中 不 要 使 用 超过 三 种 以 上 的 字体 。 字 体 太 多 会 使 网 页 显得 杂乱 无 章 。 

@ 不 要 使 用 太 大 的 字号 ， 因 为 版 面 是 宝贵 、 有 限 的 ， 大 字体 会 减少 网 页 信息 显 

示 量 。 

@ 不 要 使 用 不 停 闪 烁 的 文字 。 不 停 闪 烁 的 文字 容易 引起 人 的 视觉 疲劳 。 

@ ”标题 文字 的 字号 应 当 比 正文 字号 稍 大 。 

实例 4 ”为 网 上 商城 首页 添加 文本 并 设置 文本 属性 

在 Dreamweaver 中 ， 可 以 直接 在 网 页 文档 中 输入 文本 内 容 ， 如 果 内 容 较 多 时 ， 也 可 以 
从 其 他 地 方 将 文本 复制 到 网 页 文档 。 下 面 以 输入 网 上 商城 首页 文本 为 例 ， 介 绍 网 页 文本 的 
输入 及 其 属性 设置 。 


提示 


在 获取 Word 或 其 他 网 页 中 的 文本 内 容 时 ， 所 复制 的 文本 会 天 带 一 些 格式 设置 ， 如 
果 直 接 将 其 复制 到 当前 网 页 文档 ， 会 影响 网 页 的 整体 版 式 。 若 只 想 获 取 文 本 内 容 ， 可 
在 粘贴 文本 时 选择 “编辑 ”一 “选择 性 粘贴 ”命令 ， 在 打开 的 对 话 框 中 ， 选 择 “ 仅 文 


-Sx 
0 

一 舍 1 将 光标 定位 在 第 3 个 单元 格 中 ， 设 置 
单元 格 宽度 为 43， 文 本 颜色 为 并 FFFFF， 
字体 大 小 为 12px。 


委 直 默认 加 


-BO@@EG:--------. 


十 


inder, btny EET 

Er J El 标题 天 入 相 |. 侠 - EE pe 

ER s 一 万 3 使 用 同样 的 方法 制作 左 图 所 示 效 果 ， 其 中 
图 像 所 在 单元 格 的 宽度 统一 设置 为 15px， 拥 有 

四 个 汉字 的 单元 格 宽度 统一 设置 为 55px。 


捉 4 将 光标 定位 在 top 表格 的 第 2 行 ， 
插入 图 像 index_ 06.gif， 然 后 将 光标 定 
位 在 top 表格 的 第 3 行 。 


9 oa 夯 可 再 喜人 


| 表单 | 数据 | Spry | 文本 | 收 着 亚 E 
国家 - 国 凤 四 由- 久 -| 因 - 罗 
一 一 争 S 设置 单元 格 的 高 度 为 30， 单 击 “ 背 
景 ” 右 侧 按钮 品 ， 在 打开 的 对 话 框 中 选 
择 图 像 文 件 index_07.gif， 将 其 设置 为 
单元 格 的 背景 图 像 。 单 击 常用 插入 栏 中 
的 “表格 ”按钮 打开 “表格 ”对 话 框 。 


可 并 无 
[EZ el 
水 平 [ 职 认 
重 直 区 认 


行 数 : | I 
表格 宽度 ; [100 ee ~ 


囊 6 按 右 图 所 示 设置 表格 届 性 ， 然 后 单 击 
“确定 ”按钮 ， 在 第 3 个 单元 格 中 创建 1 
个 1 行 9 列 的 顽 套 表格 。 


钊 7 按 左 图 所 示 ， 设 置 文本 
颜色 为 丁 FFFFF， 字 体 大 小 
为 12px， 对 齐 方 式 为 居中 
对 齐 ， 在 各 个 单元 格 中 输入 
相应 文字 。 接 着 请 参考 本 章 
实例 5 继续 操作 。 


单 击 工具 栏 中 的 区 按 钮 ， 在 打开 的 菜单 中 单 击 菜 一 浏览 器 选项 ， 如 正 浏览 器 ， 如 
下 图 所 示 ， 可 在 所 选 浏览 器 中 查看 网 页 效果 。 此 外 ， 按 F12 键 可 使 用 默认 浏览 器 预览 
网 页 。 


@.| C EB. @. br 忆 村 


evice Cent 
编辑 浏览 器 列表 E) 


4.4 使 用 表单 


在 浏览 一 些 网 站 时 ， 经 常会 遇 到 要 求 用 户 填 写 资料 并 提交 的 页 面 (如 用 户 注册 页 面 )， 
这 主要 是 利用 表单 和 数据 库 来 实现 的 。 

表单 是 服务 器 与 用 户 交互 信息 的 主要 手段 。 用 户 在 填写 表单 内 容 后 ， 单 击 “ 提 交 ” 按 
钮 ， 表 单 会 将 所 填 资 料 传 至 Web 服务 器 。 网 页 设计 者 随后 会 在 Web 服务 器 上 看 到 用 户 填 
写 的 资料 ， 从 而 完成 信息 的 反馈 与 交流 。 

在 Dreamweaver 中 将 “插入 ” 栏 切换 到 “表单 ”插入 栏 ， 如 下 图 所 示 ， 单 击 该 栏 中 的 
某 个 按钮 并 进行 相应 的 操作 即 可 完成 表单 的 创建 及 表单 对 象 的 添加 。 

、 Wo oe 


表单 隐藏 域 复 选 框 ” 单 选 按钮 组 ” 跳 转 菜单 文件 域 标签 

十 过 sr re | = 
玉生 各 辐 | 四 时 LIT 
文本 字段 文本 区 域 单 选 按钮 ”列表 /菜单 ”图 像 域 下 册 Spry 验证 ee 


文本 区 域 。 选择 
实例 5 为 网 上 商城 首页 插入 表单 元 素 
表单 通常 由 多 个 表单 元 素 组 成 ， 如 文本 字段 、 按 钮 、 单 选 按 钮 和 复 选 框 等 。 下 面 以 为 
网 上 商城 首页 添加 搜索 框 与 登录 框 为 例 ， 介 绍 表单 元 素 的 添加 方法 。 


-GO@EG:---------- 


件 1 单 击 表格 top 之 外 的 区 域 ， 将 光标 移 至 
表格 外 部 ， 选 择 “ 插 入 记录 ”一 “表格 ” 命 
令 ， 在 打开 的 “表格 ”对 话 框 中 ， 按 左 图 所 
示 进 行 设置 ， 然 后 单 击 “ 确 定 ” 按 钮 ， 新 建 
1 个 2 行 3 列 的 表格 。 


[HR 岗 二 病人 | 梧 六 + | 标题: 无 标 题 冯 村 。。， 
i 


具有 | C 国 . 二 | be 所 检查 面 
A 


审 2 将 表格 的 对 齐 方式 设置 为 
“居中 对 齐 ”， 设 置 表格 Id 为 


Search 。 


加 
人 6E] we ms mp | [BEE so 
间距 0p ”| 边框 p 

种 3 选中 search 表格 的 第 1 行 ， 
右 击 ， 在 弹出 的 快捷 菜单 中 选择 
“表格 ”一 “合并 单元 格 ” 命 
.……… 令 ， 将 该 行 合并 为 1 个 单元 格 。 


段落 格式 RD co | 
列表 员 ， 到 


< 
RR] 


ee 
50 p55 


审 4 将 合并 后 的 单元 格 的 高 度 设 
置 为 3。 


Ny A lo0% v631x70v 37K/6 秒 


| 样式 无 ™ BITE 要 洗 国人 链接 
字体 | 默认 字体 器” 大 小 无 ”部 阿 ] ] 王 和 导 绎 绎 目标 
水 平 | 默认 SE 不 换行 口 。 背景 
oi sam 于 |] ARE J 


在 图 中 可 以 看 到 合并 单元 格 的 高 度 远大 于 3 像素 ， 这 是 由 于 Dreamweaver 在 生成 
表格 时 会 自动 在 每 个 单元 格 中 填充 一 个 “&nbsp;” 代 码 ， 即 空格 代码 ( 当 在 单元 格 中 输 


入 内 容 时 会 自动 消失 ， 否 则 一 直 存 在 )。 若 此 代码 存在 ， 则 将 单元 格 高 度 和 宽度 设置 为 
很 小 时 ， 会 显示 不 出 效果 。 这 时 需 将 “&nbsp;” 代 码 清除 才能 正常 显示 被 设置 的 
表格 。 


Ie 


条 4 章 设计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 


ndex Rn RE 
新 分 | 下 ”中 S 单 击 “ 代 码 ” 按 钮 切换 为 代 

:Ee border="0" align-"center” cellpadding-"0" cellspacing=| | 码 视图 ， 选 审 单元 格 中 的 
Tar “&nbsp:， ”代码 ， 按 Delete 键 


<td height="3" colspan="3"[ El/ te 将 其 删除 ， 接 着 单 击 “ 设 计 ” 按 
es 钮 切换 为 设计 视图 。 


<td width="220" height="30">Enbsp:</td> 


串 6 选中 search 表格 的 第 2 行 ， 
将 其 背景 色 设置 为 #727e8b， 高 
度 设置 为 30。 


Cs]jB7 主 委 副 豆 链接 
EE 


| 汪 生 二 起 目标 


审 7 将 第 2 行 第 1 个 单元 格 的 宽度 
设置 为 220， 然 后 将 光标 定位 在 
第 2 个 单元 格 中 ， 设 置 文本 颜色 
为 盾 FFFFF， 字 体 大 小 为 14px， 
输入 左 图 所 示 文 字 ， 并 加 粗 


人 链接 | | 
Rl 


趾 8 在 “表单 ”插入 栏 中 单 击 “ 文 本 
字段 ”按钮 匡 ]， 打 开 “ 输 入 标签 畏 
助 功能 属性 ”对 话 框 。 


答 入 标签 铺 助 功能 届 性 


审 9 输入 文本 字段 的 ID( 用 于 标识 文本 字 
段 )， 单 击 “确定 ”按钮 ， 系 统 会 自动 弹 
出 确认 对 话 框 。 


“标签 文字 ”用 于 设置 元 素 的 
描述 性 文字 ， 可 选择 标签 文字 
的 样式 及 显示 位 置 


种 10 本 例 不 输入 标签 文字 ， 选 中 “不 再 


显示 此 信息 ” 复 选 框 ， 单 击 “ 否 ”按钮 插 Wm 
入 文本 字段 。 


PO 


------- EOE.----------- 


后 关 e 


onswal EF 


rit 


捉 11 选择 文本 字段 ， 在 其 属性 面板 中 将 
字符 宽度 设置 为 20。 


ES 天 0s5 Om 
初时 


“文本 字段 ”属性 面板 中 各 选项 的 含义 如 下 。 


叫 12 在 “表单 ”插入 栏 中 单 击 按钮 四， 在 
弹出 的 对 话 框 中 设置 其 ID 为 button， 在 文 
本 字段 后 面 插入 1 个 按钮 ， 然 后 选中 按钮 ， 
在 属性 面板 中 将 “ 值 ”设置 为 GO。 


文本 域 : 用 于 设置 文本 字段 的 名 称 。 

字符 宽度 : 用 数字 指定 在 该 文本 字段 中 显示 的 文本 长 度 。 例 如 ， 设 置 为 10， 则 
即使 输入 再 多 的 文字 也 只 显示 10 个 。 

最 多 字符 数 : 指定 该 文本 字段 最 多 可 以 输入 的 文字 字数 。 

单行 :单行 文本 字段 主要 用 于 输入 用 户 名 、 地 址 、 电 话 和 邮编 等 。 

多 行 : 多 行文 本 字段 中 可 以 输入 较 多 文本 ， 可 用 于 产品 描述 和 个 人 介绍 等 。 
密码 : 选择 此 项 ， 会 将 文本 字段 设置 为 密码 域 。 由 于 密码 具有 保密 性 ， 因 此 在 密 
码 域 中 输入 的 内 容 不 可 见 ， 通 常 显示 为 “*” 形 。 

初始 值 : 用 于 设置 在 浏览 网 页 时 文本 字段 默认 显示 的 文本 。 


在 “按钮 ”属性 面板 中 各 选项 的 含义 如 下 。 


按钮 名 称 : 用 于 设置 按钮 的 名 称 。 

值 : 用 于 设置 显示 在 按钮 上 的 文本 内 容 。 

动作 : “提交 表单 ”表示 选中 该 单 选 按钮 可 提交 表单 ;，“ 重 设 表 单 ” 表 示 选 中 该 
单 选 按钮 可 清空 表单 中 的 内 容 ，“ 无 ”表示 需要 另外 添加 程序 才能 执行 相应 操作 。 


捉 13 将 光标 定位 在 search 表格 外 侧 ， 按 Ctl+AlttT 组 合 
键 ， 在 打开 的 “表格 ”对 话 框 中 ， 按 左 图 所 示 设 置 表 
格 属性 ， 然 后 单 击 “确定 ”按钮 新 建 1 个 1 行 2 列 的 
表格 。 


“居中 对 齐 ”。 


条 宽 jaz |] 天 加 项 5 ES v | 
ap | ET 


时 和 4 章 “” 设 计 网 页 版 面 一 网 上 商城 制作 第 3 步 


一 一 一 捉 1S 将 光标 定位 在 body 表格 的 第 1 个 单元 格 中 ， 设 置 
其 宽度 为 198， 然 后 按 CtrlH+AIHT 组 合 键 ， 在 打开 的 
“表格 ”对 话 框 中 ， 按 左 图 所 示 设 置 表格 属性 ， 最 后 单 
击 “ 确 定 ” 按 钮 新 建 1 个 1 行 1 列 的 嵌 套 表格 ， 并 设置 
其 Id 为 left， 背 景色 为 #f8f8f8。 


串 16 将 光标 定位 在 left 单元 格 中 ， 设 置 
其 垂直 对 齐 方式 为 “顶端 ”对 齐 。 


日 
ody> tr> <ta> <table><tr?>Ktdy RN | QA lo0x ~ 454x 56v 38k/8 秒 


行 数 : 6 3 
表格 宽度 100 | 百分比 “ 司 


口 并 


囊 17 按 CtltAlHT 组 合 键 ， 在 打开 的 “ 表 
格 ” 对 话 框 中 ， 按 左 图 所 示 设 置 表格 属性 ， 然 
后 单 击 “确定 ”按钮 ， 在 left 表格 中 ， 新 建 1 
个 6 行 4 列 的 嵌 套 表格 。 


中 18 将 新 表格 的 第 1 行 合并 为 1 个 单元 格 ， 插 入 
图 像 index_02-06.gif; 将 第 2 行 也 合并 为 1 个 单元 
格 ， 设 置 其 高 度 为 10 并 删除 代码 “&nbsp; ” 

。 i > 由 设置 第 3 行 第 1 个 单元 格 宽度 为 1 5， 高度 为 25; 
Ee Cr? Ga Gable> Cr? Cad) Gapan STYLES》 [NO Q O04 ~ 516 x 8 0K/6C 在 第 2 个 单元 格 中 ， 设 置 单元 格 宽度 为 68， 文 本 
em FF 颜色 为 #000000， 字 体 大 小 为 12px， 然 后 输入 左 

守信 区 二 大 小 1 加 二 二 上 ss 团 图 所 示 文 本 。 

国标 本 司 WA6D 到 有 
一 口头 


二 ”| 高 村 BB 口 。 We 本 上 "… 


Tv 新 入 第 用 | 和 | 涩 据 | spry | 文本。 收藏 琴 加 
四 [ 问 js 尽 | 癌 回 目 | 盏 田 | 国 四 | 四 口 | 吕 忆 双 国 


index hal® TE TIE 


串 19 将 第 3 个 单元 格 宽度 设置 为 90， 插 入 1 
个 文本 字段 ， 设 置 其 ID 为 user， 字 符 宽度 
海 玛 5 


-0G@GOEG-----------: 


ahveit hs 了 应 用 


rd 


国 识 +| ， 标 题 : 大 标题 各 


Tiw 插 XA 第 用 | 布局 表单 数据 | spry | 文本 | 收藏 交 二 
回回 目 | 图 加 | 图 加 口 | 加 口 | 品 吕 中 


一 一 外 20 将 第 4 行 第 1 个 单元 格 的 高 度 设置 为 


es 


25; 在 第 2 个 单元 格 中 输入 文本 “密码 : ” 


字体 大 小 设置 为 12px， 颜 色 为 #000000; 在 第 
3 个 单元 格 中 插入 一 个 文本 字段 ， 设 置 其 ID 
为 pass， 字 符 宽度 为 12， 类 型 为 “密码 ”。 


串 21 将 第 5 行 的 高 度 设 置 为 48， 在 第 2 个 单 
元 格 中 插入 图 像 index_30.gif; 在 第 3 个 单元 
格 中 插入 图 像 index_05-31.gif， 设 置 对 齐 方式 
为 “ 右 对 齐 ”。 


二 攻 EE 


字体 | 职 认 字体 可 | 妙 雹 加 


eo oo De 


中 22 将 第 6 行 合并 为 1 个 单元 
格 ， 设 置 其 高 度 为 10， 并 删除 代 
人 码 “&nbsp; ”。 


|] 注 注 二 二 目标 


水 平 观 从 


委 直 | 默认 加 | 


一 一 一 省 23 将 光标 定位 在 此 表格 外 ，left 表格 内 ， 按 
Cal+AlttT 组 合 键 ， 在 打开 的 “表格 ”对 话 框 
中 ， 按 左 图 所 示 设 置 表格 属性 ， 然 后 单 击 “ 确 
定 ”按钮 ， 在 left 表格 内 创建 1 个 2 行 3 列 的 
堪 套 表格 。 


人 捉 24 将 新 表格 的 第 1 行 合并 为 1 个 单元 格 ， 插 
入 图 像 index12 35.gif， 将 第 2 行 的 第 1 和 第 3 
个 单元 格 的 宽度 设置 为 10%。 


aa 
ay abl el eft> <tr> <td> Ctable> rt [ND A [oox 


格式 | 无 司机 无 


加 | 
513 x 0 44K/T 秒 


局 CEI ez 和 圭 委 生生 


字体 芭 W 和 体 可 ”大 小 元 “ 司 交口 ] 丘 生根 站 
Se 攻 E 0% 不 换行 口 。 青 晤 
vy 已 sm Ss |#s0 wamer 


设计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 


审 2S 将 光标 移 至 第 2 个 单元 格 中 ， 按 CtltAlHT 组 合 
键 ， 在 打开 的 “表格 ”对 话 框 中 ， 按 左 图 所 示 设 置 表格 属 
性 ， 然 后 单 击 “ 确 定 ” 按 钮 创建 1 个 1 行 1 列表 格 ， 设 置 
其 对 齐 方式 为 “居中 对 齐 ”。 


此 表格 主要 用 于 显示 从 数 
据 库 中 读 取 的 公告 信息 


SF i CLE 
中 26 将 光标 移 至 新 表格 的 单元 格 中 ， 将 单 -一直 > a 
元 格 的 宽度 和 高 度 分 别 设置 为 130 和 190。 


Ee NW A lO0% ~ 543 x 159v 4 kK/ 1 

属性 3 

格式 无 司 机 | 无 让 Cs Jaex 旺 和 礁 泪 国 链接 | 

字体 | 默认 字体 加 大 小 无 | 和 E 注 绍 妇 目标 
水 平 | 默认 


行 数 : 有 | 
囊 格 宽度 - 100_“] 百分比” 司 | 
边框 相 由: 0 


] 边 


审 27 将 光标 定位 在 商城 公告 表格 外 ，left 表格 内 ， 
按 CtritAItHtT 组 合 键 ， 在 打开 的 “表格 ”对 话 框 
中 ， 按 左 图 所 示 设置 表格 属性 ， 然 后 单 击 “确定 ” 
按钮 创建 1 个 2 行 3 列 的 嵌 套 表格 。 


审 28 将 新 表格 的 第 1 行 合并 为 1 个 单元 
格 ， 插 入 图 像 ndex_16-48.gif， 将 第 2 行 第 
1 和 第 3 个 单元 格 的 宽度 设置 为 10%， 高 
度 设置 为 280， 然 后 将 光标 定位 在 第 2 个 


-0G@GOEG-----------. 


司 机 [ 无 悦 [CESS Je zr 等 笃 委 重 


字体 | 默认 字体 四 | 大 小 无 “部 国 品 | [EE 
元 水 FI ”本 | 放 天 行 口 。 至 景 
委 直 驶 人 本寺 标题 口 衣服 关外 | 


(1 


读 取 的 站 内 新 闻 标题 
捉 29 将 单元 格 的 垂直 对 齐 方式 设置 为 “顶端 
对 齐 ”， 然 后 按 CtrltAltrT 组 合 键 ， 在 打开 的 
“表格 ”对 话 框 中 ， 按 右 图 所 示 设 置 表格 属 
性 ， 最 后 单 击 “确定 ”按钮 ， 创 建 1 个 2 行 1 
列 的 霸 套 表格 。 


ee 电脑 一 一 动态 网 站 设计 基础 与 应 用 
此 表格 用 于 显示 从 数据 库 中 


index, hr WT EE 


捉 30 将 表格 的 对 齐 方式 设置 为 “居中 
对 齐 ”， 然 后 将 表格 第 1 行 的 高 度 设置 
为 4， 并 删除 代码 “&nbsp; ”。 


站 tt 无 
字体 KM 于 体 加 大 小 无“ 可 | 
马 王 | 单元 格 水 平 隘 人 A ”器 | 塌 
口 并 委 直 默认 四 


这 时 网 上 商城 首页 的 横向 导航 、 产 品 搜索 、 用 户 登 录 、 站 内 公告 和 站 内 新 闻 栏 目 己 制 
作 完 毕 ， 接 下 来 ， 继 续 制作 商品 展示 与 版 权 信 息 模块 ， 便 可 完成 网 上 商城 首页 的 制作 。 


捉 1 将 光标 定位 在 body 表格 的 第 2 个 单元 格 中 ， 一 一 一 
设置 单元 格 的 “垂直 ”对 齐 方式 为 “顶端 ”对 

齐 。 按 Ctrl+AlttT 组 合 键 ， 在 打开 的 “表格 ”对 

话 框 中 ， 按 右 图 所 示 设 置 表格 属性 ， 然 后 单 击 

“确定 ”按钮 创建 1 个 13 行 3 列 的 嵌 套 表格 ， 然 

后 设置 表格 Id 为 main， 对 齐 方式 为 “居中 

对 齐 ”。 


index. htal* 全 ET 和 


面 | 一 一 捉 2 将 表格 第 1 行 合并 为 1 个 单元 
格 ， 设 置 其 高 度 为 40， 插 入 图 像 
index_11.gif; 在 第 2 行 第 1 个 单元 
格 中 插入 图 像 index_09.gif, 第 2 个 
单元 格 中 插入 图 像 mdex 21.gif， 第 
3 个 单元 格 中 插入 图 像 index_06- 
3 16.gif. 


ee TT 
PE 


| 国 牺 4 章 ， 设 计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 SS 
人 


at ital center asp | inaer asp 二 可 其 
对 代 B | 加 折 分 | 国 设 + | 标题 无 标题 文档 险 且 | C 辕 区 | br 所 多 检 要 页 面 
4 区 列 PB, Po TR 


串 3 设置 第 3 行 第 1 个 单元 格 的 背 
景 图 像 为 ndex_23.gif， 设 置 第 3 个 
单元 格 的 背景 图 像 为 index_27.gif。 


水 平 | 默认 wi 
要 二 哄 认 ~ 高 


一 一 一 争 4 将 光标 移 至 第 2 个 单元 格 中 ， 按 CtrlHAlttT 组 合 
键 ， 在 打开 的 “表格 ”对 话 框 中 ， 按 左 图 所 示 设 置 
表格 属性 ， 然 后 单 击 “确定 ”按钮 创建 1 个 1 行 2 
列 的 嵌 套 表格 ， 设 置 表格 Id 为 zuixin， 对 齐 方式 为 
“居中 对 齐 ”。 


奸 $ 将 光标 定位 在 zuixin 表格 的 第 1 个 单元 格 中 , 一 一 一 一 
按 Ctrl+AltrT 组 合 键 ， 在 打开 的 “表格 ”对 话 框 
中 ， 按 右 图 所 示 设 置 表格 属性 ， 然 后 单 击 “ 确 定 ” 
按钮 创建 1 个 6 行 3 列 的 岩 套 表格 。 


辐 f 砚 | 写 折 分 ] 轴 设 + 标题: 无 标题 冰 
DE, RR 有 


最 新 商品 一 名 6 将 新 表格 的 第 1 列 合并 为 一 个 单元 
F : 格 ， 插 入 图 像 shl.jpg; 将 第 2 列 宽度 设置 
为 20， 将 第 3 列 宽度 设置 为 133， 将 每 行 
高 度 设置 为 6， 然 后 输入 左 图 所 示 内 容 ， 
字体 大 小 为 12px。 


> 
561%v 6891 13 想 


在 上 图 中 ，“ 型 号 ”的 颜色 值 为 #fpc3e; “市 场 价 ”的 颜色 值 为 芭 10800; “会 员 


价 ” 的 颜色 值 为 #dd4679; “浏览 次 数 ” 的 颜色 值 为 所 3589b; “查看 信息 ”与 “购买 
商品 ”的 颜色 值 为 默认 值 (读者 可 以 根据 自己 的 喜好 进行 设置 )。 


--------.@EOE.--------- 


懂 条 电脑 一 动态 网 站 设计 基础 与 应 用 


| amme -一 种 7 使 用 同样 的 方法 在 zuixin 表格 的 第 2 


十 下 :个 单元 格 中 创建 同样 的 表格 ， 或 者 直接 将 
| ”表格 复制 到 zuixin 表格 的 第 2 个 单元 格 
l= 四 


中 ， 效 果 如 左 图 所 示 。 
钊 8 在 main 表格 第 4 行 第 1 个 单元 格 中 
插入 图 像 index_24.gif; 在 第 2 个 单元 格 
中 插入 图 像 index 39.gif; 在 第 3 个 单元 
格 中 插入 图 像 index_23-08.gif， 即 可 完成 
最 新 商品 栏目 的 制作 。 接 着 请 依照 第 4 
章 实 例 6 继续 制作 。 


jalat htel | center asp | inaer say 


¢ Ti | 加 
dr》 Ctabletbodr> Ctr> <tay Ctabletmain) Ctr> <taylina) [RM QW on% v590x87v 69X713 秒 


由 于 本 例 只 是 制作 静态 页 面 ， 因 此 只 介绍 了 表单 元 素 的 添加 方法 与 属性 设置 。 表 
单 主要 应 用 在 动态 网 页 当中 ， 在 使 用 ASP 制作 动态 网 页 时 ， 会 详细 介绍 表单 的 主要 应 
用 。 此 外 ， 在 制作 动态 网 页 时 ， 网 上 商城 网 站 所 展示 的 商品 图 片 会 从 数据 库 中 自动 获 
取 ， 因 此 ， 本 例 暂时 使 用 同一 件 商品 的 图 片 代 替 网 页 中 的 所 有 商品 图 片 。 


4.5 添加 多 媒体 信息 


很 多 网 站 都 带 有 动画 和 音乐 ， 甚 至 还 有 视频 ， 添 加 这 些 多 媒体 信息 就 像 插入 图 片 和 文 
本 一 样 简单 。 


实例 6 为 网 上 商城 首页 添加 Flash 动画 


Flash 动画 是 目前 最 为 流行 的 矢量 动画 ， 它 具有 文件 尺寸 小 和 变化 丰富 的 优点 ， 因 而 
很 多 网 页 中 都 包含 了 Flash 动画 。 下 面 以 为 网 上 商城 首页 添加 手机 广告 为 例 ， 介 绍 Flash 
动画 的 添加 方法 。 


Waxnee. Same 趾 1 将 main 表格 的 第 5 行 合并 为 1 个 单元 格 ， 设 置 
sa 其 高 度 为 100， 选 择 “插入 记录 ”一 “媒体 ”一 

er ee Flash 命令 ， 在 打开 的 “选择 文件 ”对 话 框 中 选择 要 
插入 的 Flash 动画 ， 在 “相对 于 ”下 拉 列 表 框 中 选择 
“文档 ”选项 ， 然 后 单 击 “ 确 定 ” 按 钮 打开 “对 象 
标签 辅助 功能 属性 ”对 话 框 。 


和 秆 4 章 。 设计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 


对 象 标签 辅助 功能 展 性 
rr 
囊 》 设置 Flash 动画 的 标题 (或 暂 不 设置 任何 参数 )， I 
然后 单 击 “ 确 定 ” 按 钮 插入 Flash 动画 。 : 


ndex_ html defalut. hinl | center- asp inder asp 
回信 | 当 兵 | 国 训 + | 标题. 天 和 是 各 
| pT 


审 3 选中 插入 的 Flash 动画 ， 在 属 
性 面板 中 可 以 修改 其 属性 ， 本 例 将 
动画 宽度 设置 为 565。 


ash, 26K 
pd ] 


回 所 Rh 。。。。。 委 下 轴 引 | wa HE 
回 自动 播放 水 平 边 距 | 比例 | 默认 全部 显示 ) 名 将 景 强 色 厂 -| vy 
在 Flash 动画 属性 面板 中 各 参数 选项 的 意义 如 下 。 
@ 名称 ( 图 中 Flash 下 方 文本 框 ): 用 来 标识 影片 名 称 。 
@ ” 宽 和 高 ， 以 像素 为 单位 设置 影片 的 宽度 和 高 度 。 
@ ”文件 ， 指定 Flash 文件 路 径 。 单 击 按钮 加 可 选择 要 插入 的 Flash 文件 ， 也 可 以 直 
接 在 文本 框 中 输入 文件 路 径 。 
源 文件 ， 指 向 Flash 源 文档 (.fla 格式 的 Flash 文档 ) 的 路 径 。 
回锅 器 ， ]， 单 击 此 按钮 会 自动 打开 Flash 软件 对 源 文 件 进行 处 理 。 
[CC 要]， 单 击 此 按钮 会 恢复 Flash 动画 的 原始 尺寸 。 
循环 : 选中 该 复 选 框 ， 动 画 将 在 浏览 器 中 循环 播放 。 
自动 播放 : 选中 该 复 选 框 ， 则 网 页 被 浏览 器 载 入 时 ， 会 自动 播放 Flash 动画 。 
垂直 边 距 和 水 平 边 距 : 用 来 指定 动画 边框 与 网 页 上 边界 和 左边 界 的 距离 。 
品质 : 用 来 设置 Flash 动画 在 浏览 器 中 的 播放 质量 。 
比例 : 用 来 设置 Flash 动画 的 显示 比例 。 
对 齐 : 用 来 设置 Flash 影片 的 对 齐 方式 。 
背景 颜色 : 用 来 为 当前 Flash 动画 设置 背景 色 。 
区 _ 播 让 ]， 用 来 在 Dreamweaver 设计 视图 中 播放 Flash 动画 。 
亡 又 -.，]， 单 击 该 按钮 会 打开 1 个 对 话 框 ， 用 于 输入 能 使 Flash 顺利 运行 的 附加 
参数 。 
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一 捉 4 将 main 表格 的 第 6 行 合并 为 1 个 
单元 格 ， 设 置 其 高 度 为 40， 插 入 图 像 
index_19-46.gif， 然 后 使 用 制作 最 新 商 
品 栏目 同样 的 方法 ， 制 作 热门 商品 栏 
目 。 效 果 如 左 图 所 示 。 
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nde Kale 
寺 代 码 | 己 折 分 | 司 设计 |， 标题: 无奈 是 文档 
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0 从 月 商品 | 


串 S 将 main 表格 的 第 10 行 合并 为 1 一 一 
个 单元 格 ， 插 入 图 像 index_ 38.gif， 然 
后 使 用 制作 最 新 商品 栏目 的 方法 ， 制 
作 推 荐 商品 栏目 。 效 果 如 右 图 所 示 。 


一 一 一 外 6 将 光标 定位 在 main 表格 外 侧 ， 按 Ctrl+AlttT 组 合 
键 ， 在 打开 的 “表格 ”对 话 框 中 ， 按 左 图 所 示 设 置 表 
格 属性 ， 然 后 单 击 “ 确 定 ”按钮 创建 1 个 1 行 1 列 的 
表格 。 


折 分 | 团 设 + | 标题 ， 殉 标题 文档 
i 


审 7 将 表格 Id 设置 为 bottom， 对 齐 me EE 
方式 设置 为 “居中 对 齐 ”， 添 加 背 
景 图 像 index_51.gif， 然 后 将 光标 定 
位 在 bottom 单元 格 中 ， 设 置 单元 格 
高 度 为 90。 


对 齐 居中 对 齐 


边框 p | 


囊 8 按 Chl+AlttT 组 合 键 ， 在 打开 的 “表格 ”对 
话 框 中 ， 按 左 图 所 示 设 置 表格 属性 ， 最 后 单 击 
“确定 ”按钮 创建 1 个 4 行 1 列 的 嵌 套 表格 。 


捉 9 将 表格 的 对 齐 方式 设置 为 “居中 对 
齐 ”， 在 第 2 行 和 第 3 行 分 别 输入 左 图 所 
示 文 字 ， 设 置 字体 大 小 为 12px， 颜 色 为 
#000000， 对 齐 方 式 为 “居中 对 齐 ”。 


5 [SS LB 


大 小 |12 。” 辣 | 全 来 ez) 本 | 加 | Pooooon 


书 10 按 F12 键 预 览 效 果 ， 接 着 请 参考 一 一 
第 4 章 实例 7 继续 操作 。 


要 在 网 页 中 添加 音乐 ， 可 选择 “插入 记录 ”一 “媒体 ”一 “插件 ”命令 ， 在 打开 的 
对 话 框 中 选择 要 插入 的 音乐 ， 单 击 “ 确 定 ” 按 钮 即 可 。 在 Dreamweaver 文档 窗口 中 ， 
选中 所 添加 的 音乐 插件 ， 拖 动 插件 边框 控制 块 ， 可 调整 插件 的 大 小 ， 如 左下 图 所 示 。 
如 果 想 隐藏 音乐 插件 的 控制 条 ， 可 单 击 “ 参 数 ”按钮 ， 打 开 “ 参 数 ”对 话 框 ， 在 “和 参 
数 ” 列 中 输入 hidden， 在 “ 值 ” 列 中 输入 true; 如 果 想 重复 播放 音乐 ， 可 在 “参数 ” 列 
中 输入 loop， 在 “ 值 ” 列 中 输入 true， 如 右 下 图 所 示 ， 最 后 单 击 “确定 ”按钮 即 可 。 添 
加 视频 的 操作 与 添加 音乐 相似 ， 在 此 不 再 黄 述 。 


单 击 加 号 可 添加 新 参数 ， 单 
击 减 号 可 删除 选中 的 参数 


| 周公 | 旺 扳 分 | 团 训 + | 标题: 匹 奈 题 文 簿 用 区 | C 国 
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4.6 设置 超级 链接 


超级 链接 是 网 页 中 最 重要 、 最 根本 的 元 素 之 一 。 网 站 中 的 一 个 个 网 页 都 是 通过 超级 链 
接 关 联 在 一 起 的 。 

超级 链接 包括 内 部 超级 链接 和 外 部 超级 链接 。 内 部 超级 链接 是 指 目标 文件 位 于 站 点 内 
部 的 链接 ， 外 部 超级 链接 可 实现 网 站 与 网 站 之 间 的 跳 转 ， 也 就 是 从 本 网 站 跳 转 到 其 他 
网 站 。 
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选中 要 创建 超级 链接 的 图 像 或 文本 ， 在 属性 面板 的 “链接 ”下 拉 列 表 框 中 设置 链接 文 
件 的 路 径 即 可 创建 超级 链接 。 下 面 以 为 网 上 商城 首页 创建 文本 超级 链接 为 例 ， 介 绍 超级 链 
接 的 创建 方法 。 
中 1 选择 要 设置 超级 链接 的 文 一 一 中 


本 ， 单 击 属性 面板 “链接 ” 右 ~ CR oo 
侧 按钮 园 ， 打 开 “ 选 择 文件 ee CE NO i vexiv 1MkK/0 
对 话 杠 。 Es 


格式 无 司 柱 站 CE B Z 本 | 重 ) 委 于 印 接 | 本 和 台 
手 体 默认 玫 体 同 | 大 小 12 ” 呈 || 便 来 0x) 辐 [ rrrrrF ] 主 江 二 雪 目标 [Em | 


Ot 动态 网 站 设计 基础 与 应 用 
实例 7 创建 网 上 商城 文本 链接 


选择 文件 


站 点 根 目录 


拉 列 表 框 中 选择 “文档 ”选项 ， 单 击 “ 确 
定 ” 按 钮 。 


文件 美 型 )， | 所 有 文件 Gt *) 


[na hal 


[Em 


审 3 这 时 选中 的 文本 已 变 为 
超级 链接 ， 当 浏览 网 页 时 ， 
单 击 该 链接 可 打开 其 链接 的 
文档 。 


日 
odr> Coblepton) ktry Cd Ceabley Gr> dy iv) Cpan STYLEI><a> [ND A 00% ~ 685 x 72v 134K/20 炒 
T 了 展 性 


EL 
档 式 无 “i ~ B Z 证 天 当量 oD 
字体 | 加 认 字 体 避 大 小 2 同 | 创 来 oa) 辐 丰 jwrrrrrT ] 和 E 汪 二 二 站 全 Ea 


单 击 “ 链 接 ” 下 拉 列 表 框 右 侧 图 标 名 ， 按 住 饼 标 左 键 ， 将 箭头 拖 向 站 点 窗口 中 所 要 
链接 的 文档 ， 然 后 释放 和 鼠标 左 键 ， 也 可 创建 超级 链接 。 

由 于 本 例 中 网 上 商城 网 站 的 其 他 页 面 还 没有 制作 ， 因 此 可 以 暂时 将 需要 设置 超级 
链接 的 文本 设置 为 空 链接 ， 即 该 文本 已 经 是 超级 链接 文本 ， 但 没有 链接 到 任何 文档 。 
要 设置 空 链接 ， 只 需 在 属性 面板 的 “链接 ”编辑 框 中 输入 “#” 即 可 。 


强拆 分 | 司 说 + | 标题: 无 标 是 文档 


a 了 pp 中 4 设置 top 表格 中 的 所 有 文本 

下 为 空 链 接 ; 设置 main 表格 中 
“查看 信息 ”和 “购买 商品 ”为 
空 链 接 ， 接 着 请 参考 第 4 章 实 
例 8 继续 操作 。 


无 司 ”机 [smus 司 Ccs ] B 
B 认 玫 体 辐 大 小 |12 辐 || 便 末 bam， | 全 


L_ > 第 4 章 ， 设 计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 


在 属性 面板 “目标 ”下 拉 列 表 框 中 有 4 个 选项 ， 各 选项 的 具体 含义 如 下 。 

@  _blank: 表示 单 击 该 超级 链接 会 重新 打开 一 个 浏览 器 窗口 载 入 被 链接 的 网 页 
文档 。 

@  _parent: 表示 当前 网 页 消失 ， 而 显示 被 链接 的 网 页 文档 ; 如 果 是 框架 文档 ， 则 在 
父 框架 中 显示 被 链接 的 网 页 文档 。 

@ _self; 表示 当前 网 页 消失 ， 而 显示 被 链接 的 网 页 文档 ; 如 果 是 框架 文档 ， 则 在 当 
前 框架 中 显示 被 链接 的 网 页 文档 。 

@  _top: 表示 当前 网 页 文档 消失 ， 而 显示 被 链接 的 网 页 文档 。 

注意 : 无 论 是 在 网 页 添加 图 像 、 动 画 ， 还 是 设置 网 页 超级 链接 ， 如 果 目 标 文 件 位 于 站 

点 内 ， 都 涉及 路 径 的 使 用 。 下 面 以 下 图 所 示 目 录 结 构 为 例 ， 简 要 说 明 路 径 的 设置 方法 。 
ET 


唱 [mn admin 


9 login.html 
database 
局 images 
包 include 


中 


BB ufile 
全 top. html 

对 于 网 站 内 部 链接 ， 只 能 使 用 相对 路 径 ， 即 不 包含 站 点 根 目 录 名 称 的 路 径 。 例 如 ， 如 
果 将 位 于 admin 文件 夹 中 的 inde.html 文件 链接 到 include 文件 夹 中 的 conn.html 文件 ， 则 
链接 路 径 为 “../include/conn.html”。 其 中 ，“..” 代 表 当 前 文件 夹 的 上 一 级 文件 夹 。 

又 如 ， 如 果 将 index.html 链接 到 conn.html， 则 链接 路 径 为 include/conn.html。 


使 用 相对 路 径 时 ， 如 果 站 点 结构 和 文档 位 置 不 变 ， 则 链接 关系 就 不 会 发 生变 化 。 


即使 将 整个 站 点 移动 到 其 他 位 置 ， 也 不 用 修改 站 点 中 的 链接 路 径 。 
在 Dreamweaver CS3 中 ， 所 有 内 部 超级 链接 都 可 以 通过 单 击 “ 浏 览 ”按钮 设置 路 
径 ， 不 用 输入 路 径 。 对 于 外 部 超级 链接 ， 一 般 使 用 的 是 其 网 址 ， 如 http://www.bjjqe.com。 
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4.6.1 创建 锚 记 链接 


看 书 时 可 以 在 重要 的 位 置 插入 书签 ， 以 方便 以 后 的 查找 。Dreamweaver 中 也 提供 了 可 
以 移动 到 指定 位 置 的 书签 功能 ， 这 就 是 “ 锚 记 ”。 

使 用 错 记 链接 ， 不 仅 可 以 跳 转 到 当前 网 页 中 的 指定 位 置 ， 还 可 以 跳 转 到 其 他 网 页 中 的 
指定 位 置 。 锚 记 链 接 的 创建 方法 如 下 。 
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妃 回 曲 | 国 目 国 - 特 -图 晶 四 恬 - 仿 -| 四 - 遇 锚 记 ”按钮 最 ， 也 可 创建 锚 记 


[人 到 | 写 拆 分 | 国 设 + | 标本 :无奈 本 文档 上 区 
TPP FPP PPR PPT TT 


= 本 了 打开 本 书 配套 光盘 “素材 与 实例 第 4 章 
\index html”， 将 光标 定位 在 要 创建 命名 锚 
记 的 位 置 ， 选 择 “ 插 入 记录 ”一 “命名 销 
记 ” 命 令 ， 在 打开 的 “命名 锚 记 ”对 话 框 中 
答 入 销 记名 称 1， 单 击 “确定 ”按钮 插入 


1 电脑 一 一 动态 网 站 设计 基础 与 应 用 
i 单 击 “ 常 用 ”插入 栏 中 的 “命名 


钊 2 创建 的 锚 记 可 以 像 文 本 一 样 进行 剪 切 、 
复制 和 粘贴 等 操作 ， 也 可 以 拖 动 锚 记 ， 随 意 
在 网 页 中 进行 移动 。 


串 3 将 光标 定位 在 文档 中 要 创建 锚 记 


| 

过、 山水 小 品 、 山 水 记 的 山水 描写 ， 链 柜 的 诡 本 焰 ， 站 中 站 本 本 例 为 
ee 
直率 的 山水 小 人 人 诗 序 类 小 品 列表 框 中 输入 “ 约 ”， 即 可 创建 锚 记 


链接 。 


格式 | 肥 藻 。 司 样式 | STYLE2 


如 果 超级 链接 的 目标 锚 记 不 在 当前 页 面 ， 需 要 在 “链接 ”下 拉 列 表 框 中 输入 该 网 
页 的 URL 地 址 和 名 称 ， 然 后 输入 “#” 号 ， 再 输入 锚 记 名 称 。 如 果 目 标 锚 记 在 当前 页 
面 ， 则 直接 在 “链接 ”下 拉 列 表 框 中 输入 一 个 “#” 号 ， 然 后 输入 锚 记 名 称 即 可 。 


4.6.2 创建 电子 邮件 链接 


电子 邮件 链接 是 指 当 浏览 者 单 击 某 个 超级 链接 时 ， 系 统 会 自动 启动 默认 的 电子 邮件 收 
发 软件 (如 Outlook Express、Outloook 等 )， 以 便 网 页 浏览 者 给 站 点 管理 者 发 送 电子 邮件 。 
创建 电子 邮件 超级 链接 的 具体 操作 如 下 。( 在 属性 面板 的 “链接 ”编辑 框 中 输入 “mailto: 
电子 邮箱 地 址 ”， 也 可 将 所 选 元 素 设置 为 电子 邮件 超级 链接 ) 


Ieee 


条 4 章 。 设计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 


“和 -日 遇 虽 训 -二 -站 -局 种 1 在 网 页 中 选择 要 创建 电子 邮件 链接 的 对 
象 ， 选 择 “ 插 入 记录 ”一 “电子 邮件 链接 ” 命 
令 ， 或 单 击 “ 常 用 ”插入 栏 中 的 回 按钮 ， 在 打 
开 的 “电子 邮件 链接 ”对 话 框 中 ， 文 本 框 “ 文 
本 ”会 自动 显示 选择 的 文本 内 容 ， 在 E-Mail 文 
本 框 中 输入 要 链接 的 邮箱 地 址 ， 单 击 “ 确 定 ” 
按钮 即 可 。 


串 2 此 时 选中 的 文本 会 变 为 链接 文本 ， 属 性 面板 中 
的 “链接 ”信息 也 会 变 为 相应 的 邮箱 地 址 链接 ER 
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4.6.3 创建 图 像 热 点 链接 


同一 图 像 的 不 同 部 分 可 以 链接 到 不 同 的 文档 ， 这 就 是 热点 链接 。 要 使 图 像 的 特定 部 分 
成 为 超级 链接 ， 需 要 在 图 像 中 设置 “热点 ”， 然 后 再 创建 链接 。 具 体操 作 如 下 。 


[ 辐 4 珊 | 加 失 | 团 认 + | 标题; 无 奈 是 文 簿 一 
全 


囊 1 打开 本 书 配套 光盘 “素材 与 实例 \ 第 4 章 \inkhtml”， 
选择 要 创建 热点 链接 的 图 像 ， 在 属性 面板 中 选择 热点 工 
具 ， 本 例 选择 矩形 工具 门 ， 在 图 像 上 绘制 一 个 矩形 热点 。 


地 图 | | 。 三 直 边 距 
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叫 2 在 属性 面板 的 “链接 ”文本 框 中 输入 要 链接 的 
文件 ， 或 单 击 按钮 已 选择 要 链接 的 文件 ， 可 创建 执 
点 链接 。 
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文件 四 编辑 区 查看 WD 收 厌 ) 工具 中 帮助 0) - 

地 引 凤 | 外 0 \ 光 类 \ 第 后 Wink htnl 中 3 按 F12 键 预览 网 页 ， 当 光标 指向 热点 链接 时 ， 
| 本 | 国 *| 鼠标 指针 会 显示 为 手 形 状 ， 单 击 热点 链接 会 打开 所 

链接 的 网 页 文档 。 
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4.7 使 用 CSS 美化 网 页 


CSS(Cascading Style Sheet， 层 车 样 式 表 ) 用 于 调整 网 页 外 观 (如 文字 大 小 、 页 面 颜色 )。 
CSS 样式 表 有 两 大 优点 : 一 是 可 以 对 网 页 元 素 精 确定 位 ， 二 是 可 以 批量 更 新 网 页 。 

实例 8 设置 网 上 商城 首页 文字 大 小 

使 用 CSS 可 以 有 效 地 对 网 页 的 布局 、 字 体 、 颜 色 、 背 景 和 其 他 效果 进行 设置 。 只 要 
对 相应 的 代码 做 一 些 简单 修改 ， 便 可 以 改变 同一 页 面 的 不 同 部 分 ， 或 多 个 网 页 的 外 观 。 下 
面 以 设置 网 上 商城 首页 文字 大 小 为 例 ， 介 绍 CSS 样式 表 的 创建 方法 。 
1 插入 富 用 市 用 表 间 数 舌 Spr: 文 丰收 藏 二 Twos 
忆 加 名 | 轩 回 回 - 外- 间 8 串 1 选择 “窗口 ”一 “CSS 样式 ”命令 ， 
Ti 打开 CSS 样式 面板 ， 单 击 “ 全 部 ”按钮 会 
显示 网 页 中 所 有 的 CSS 样式 表 。 在 “ 样 
式 ” 上 方 右 击 ， 在 弹出 的 快捷 菜单 中 选择 
“新 建 ”命令 ， 打 开 “ 新 建 CSS 规则 ”对 
话 框 。 


回民 | 国 扩 || 国 说 +| 标杆 : 现 
TT 


-Ae ”> 3 
Sir> Rin [RIO A lox vl x 


审 2 选中 人 
单 选 按钮 ， 在 “标签 ”下 拉 列 表 框 中 选择 
body( 包 含 网 页 i 内 容 ) 选 项 ， 选 中 

“ 仅 对 该 文档 ” 单 选 按钮 ， 单 击 “ 确 定 ” 按 
钮 ， 打 开 CSS 规则 表 定 义 对 话 框 。 


定义 在 ; 〇 | 新建 样式 表 文件 ) 
四 避 对 斌 文档 


如 果 只 想 为 当前 文档 应 用 CSS 样式 ， 可 选择 “ 仅 对 该 文档 ”选项 ， 它 会 将 定义 的 


CSS 样式 放置 在 文档 内 部 ; 若 选择 “定义 在 ”选项 ， 会 将 CSS 样式 单独 保存 为 一 个 文 
件 ， 再 由 网 页 调用 这 个 文件 。 


分 类 EE 类 型 
| | 
字 传 C) | 
|" i 国 串 3 选择 “类 型 ”选项 ， 设 置 字体 大 小 为 
号 .| 国 二 tw:[ ” 国 12px， 字 体 颜色 为 #000000， 单 击 “确定 ” 
行商 总 | EE 大 小 写 信 ) 司 和 
i 按钮 即 可 。 
口上 0) 
口才 除 绕 ) 
口 烁 四 
Ow 
| [Cv] EE 下 co “yy 


CSS 规则 定义 对 话 框 中 各 选项 的 含义 如 下 。 
@ ”类 型 用 于 定义 CSS 样式 的 基本 字体 和 类 型 设置 。 
@ 背景 : 用 于 定义 CSS 样式 的 背景 设置 ， 例 如 背景 颜色 与 背景 图 片 。 


一 
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@ ”区 块 用 于 定义 标签 和 属性 的 间距 与 对 齐 设置 。 
e@ 方 框 : 用 于 设置 网 页 元 素 在 页 面 中 的 放置 方式 。 
e ”边框 :用 于 定义 网 页 元 素 (如 表格 ) 周 围 的 边框 设置 ， 如 宽度 、 颜 色 和 样式 。 
@ ”列表 : 为 列表 标签 定义 列表 设置 ， 如 项 目 符号 大 小 和 类 型 。 
@ 定位: 设置 与 选 定 的 CSS 样式 相关 的 内 容 在 页 面 上 的 定位 方式 。 
@ 扩展 : 包括 滤 镜 、 分 页 和 指针 选项 。 
EE 人 二 由 浊 
index, html# p | to i 所 有 规则 
EL Fr 人 ^“[ 一 争 4 若 机 修改 CSS 样式 ， 可 选中 要 修改 
是 涯 | Fs 避 的 样式 并 右 击 ， 在 弹出 的 快捷 菜单 中 选 
- re 寺 | 一 一 一 | 择 “ 编 辑 ” 命 令 ， 打 开 CSS 规则 对 话 
rR sr 框 ， 或 在 CSS 面板 下 方 直接 进行 修改 。 
zx 区 本 攻 | 呈 接着 请 参考 本 章 实例 9 继续 制作 。 
字体 默认 字体 加 | 大 小 12 。 || 像 案 xx) 
量 宇 和 9 及 加 


在 本 例 所 创建 的 CSS 样式 只 是 针对 index 文档 的 body 标签 所 包含 的 内 容 进行 设置 ， 
该 规则 不 能 被 网 页 中 的 其 他 元 素 自由 调用 ， 如 果 想 创建 一 个 可 供 网 页 中 任意 元 素 调 用 的 
CSS 样式 ， 可 执行 如 下 操作 。 


争 1 在 “新 建 CSS 规则 ”对 话 框 中 ， 选 中 Fr 
“类 ”( 可 应 用 于 任何 标签 ) 单 选 按钮 ， 在 “名 二 

称 ” 下 拉 列 表 框 中 输入 CSS 样式 名 称 ， 选 中 
“ 仅 对 该 文档 ” 单 选 按钮 ， 然 后 单 击 “ 确 定 ” 

按钮 ， 打 开 CSS 规则 定义 对 话 框 。 


cssl 的 C55 规则 定义 
| 


分 类 
pp 一 一 件 2 根据 左 图 所 示 设 置 CSS 规则 ， 单 击 
Ee “ 隐 定 ” 接 乌 返 加 文档 窗口 

慎 痒 式 中 ): | 正常 吏 | 变 体 人 ) 

国 行 高 Q); | 国 | 健 案 必 大 小 写 下) 


口上 -eR 0) 


口 册 了 栈 吃 


OW 
口 无 中 


---------.@OOE.---------- 


Cm] C3 
代码 a 3 荐 事 疝 只 电 | 
砷 3 选中 要 设置 样式 的 文本 ， 在 “样式 ”下 拉 列 表 一 一 攻心 有 5 SEl YRepen css1 ND A fy “| 9 i 
框 中 可 选择 新 创建 的 CSS 样式 cssl。 EE 本 
格式 段落 | 帮工 | cssl Cds JaBZ 和 芋 委 
字体 宋体” 回 大 小 | 无 要 wo000%0 | 汪汪 
要 畦 元 格 。 水平 于 Fra 和 口 。 表 景 | 
[下 委 直 ne TT 标题 口 。。 背景 癌 色 厂 ,| 


= (OO 
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实例 9 ”设置 网 上 商城 超级 链接 颜色 


使 用 CSS 可 以 针对 网 页 中 的 某 一 特定 元 素 (如 某 一 表格 内 容 ) 进 行 格式 控制 ， 这 些 规则 
只 适用 于 该 元 素 ， 不 会 对 网 页 中 的 其 他 元 素 起 作用 。 
下 面 以 使 用 CSS 控制 top 表格 中 文本 超级 链接 的 颜色 为 例 ， 介 绍 使 用 CSS 通过 网 页 
元 素 的 Id 号， 设置 指定 元 素 的 具体 操作 。 


1 插入 常用 布局 表单 | 数据 | spry | 文本 | 收藏 天 ES Tvss 
魏 - 国 由 加 由- 久 -| 目 -| SE 

全 部 | 正在 | 
钊 1 选中 top 表格 ， 在 CSS 样式 面板 
中 右 击 ， 在 弹出 的 快捷 菜单 中 选择 
“新 建 ” 命 令 ， 打 开 “ 新 建 CSS 规 
则 ”对 话 框 。 


证 日 » 
[obodv> RtableBtopH [ND OA lo0% v402 x B4v 134K/20 埃 


行 B 
列 〖 


书 》 选中 “高 级 ID， 伪 类 选择 器 等 )” 和 “ 仅 
对 该 文档 ” 单 选 按钮 ， 然 后 在 “选择 器 ”下 拉 
列表 框 中 输入 右 图 所 示 内 容 ， 单 击 “ 确 定 ” 按 
钮 ， 打 开 CSS 定义 对 话 框 。 

by 提示 证 oooeoms 


咱 建 样式 表 文件 ) 是 


多 妈 对 访 文 档 


在 “新 建 CSS 规则 ”对 话 框 中 ，#top 表示 选中 ID 号 为 top 的 元 素 ( 在 CSS 中 选择 
某 一 ID 只 需 在 该 ID 名 称 前 加 “#” 即 可 )，“a: link” 表 示 超 级 链接 的 一 种 状态 (a 表 
示 超 级 链接 ，link 表示 a 的 一 种 状态 )。 “#top a: link” 表 示 此 次 创建 的 CSS 规则 将 只 
对 top 表格 中 的 超级 链接 的 link 状态 起 作用 。 


超级 链接 有 4 种 状态 ， 各 个 状态 的 具体 含义 如 下 。 
link: 超级 链接 的 初始 状态 。 

@ hover: 当 鼠 标 指 针 移 至 超级 链接 时 的 状态 。 

@ active: 当 单 击 超级 链接 时 的 状态 。 

@ visited: 被 访问 过 的 超级 链接 所 呈现 的 状态 。 


#top a:link 的 C55 灿 则 定义 


字体 四) 

:| 

样式 加 ) 本 变 体 四 捉 3 设置 字体 大 小 为 12px、 颜 色 值 为 
向 o:[ 加 | 请 大 小 号外 :| 帮 FFFFF， 选 中 “无 ” 复 选 框 ， 然 后 


全 号 FA OD 单 击 “确定 ”按钮 。 
口上 
DW 
口 吧 上 加 


| _ | WN | WH ] [Ew ] i 
y 
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钊 4 为 top 表格 中 的 超级 链接 的 visited 状态 创 
建 一 个 CSS 样式 ， 其 CSS 规则 设置 与 link 


选择 器 类 型 : 〇 类 呵 应 用 于 任何 标签 ) ) 
O 定义 特定 标 答 的 六 


重新 让 流 性 证 标 苦 的 外 观 ) 0 
加 高 级 ( ID、 伪 类 碗 择 器 等 ) (A) 
选择 器 :TIESCZERZD 加 


种 S 为 top 表格 中 的 超级 链接 的 hover 状态 与 
active 状态 分 别 创建 一 个 CSS 样式 ， 字 体 大 


国名 来 向 
了 


小 统一 为 12px， 颜 色 为 下 FFFFF， 修 饰 为 “of 
“下 划 线 ”。 a 


Om 
口 无 四 


1 插入 第 用 布局 表单 数据 | Spry | 文本 | 收藏 亚 属 ，YCSS 

a A 。 Css 样式 

EE ESE 一 一 志 6 这 时 top 表格 中 的 超级 链接 的 4 个 状 
所 有 规则 


态 已 设置 完毕 ， 网 上 商城 静态 首页 也 已 制 
作 完 成 。 相 信 读 者 对 网 页 制作 已 有 很 深 的 
了 解 ， 可 以 亲自 动手 制作 几 个 网 页 ， 巩 固 
-下 所 学 知识 。 


间 :如何 获取 图 像素 材 ? 

管 ， 网 页 图 像素 材 的 来 源 主要 有 三 种 。 一 种 是 利用 图 形 处 理 软 件 (如 Fireworks、 
Photoshop 和 Freehand 等 ) 自 己 制作 。 第 二 种 是 从 网 上 下 载 。 目 前 网 上 有 很 多 专门 提供 素材 
下 载 的 网 站 ， 像 3lian 素材 网 (http://www.3lian.com/)、 网 页 制作 大 宝库 (http://www.dabaoku. 
com/sucai) 和 素材 精品 屋 (http:/www.sucaiw.com/) 等 。 还 有 一 种 是 购买 素材 光盘 。 

如 果 我 们 手中 的 素材 是 一 些 其 他 格式 的 图 像 ， 还 必须 借助 Fireworks、Photoshop 等 软 
件 将 这 些 格式 的 图 像 转 换 并 优化 输出 为 JPEG 或 GIF 格式 ， 以 确保 它们 能 够 用 于 网 页 中 。 

间 : 如 何 换算 pt 和 px? 

管 ，pt(Points) 代 表 在 文本 方式 下 的 点 阵 字体 的 那个 点 ， 而 px(Pixels) 是 屏幕 像素 单 
位 。 换 算 方法 为 : pt 单位 乘 以 4/3 就 是 px 单位 。 

洞 什么 是 相对 路 径 与 绝对 路 径 ? 

管 ， 在 Dreamweaver 中 绝对 路 径 是 指 所 链接 文档 的 完整 URL， 而 且 包 括 所 使 用 的 协 
议 ( 如 对 于 Web 页面， 通常 使 用 http://)。 例 如 ，http://www.bjjqe.com/index.html。 

在 Dreamweaver 中 相对 路 径 分 为 站 点 根 目 录 相 对 路 径 与 文档 相对 路 径 。 
@ 站 点 根 目录 相 对 路 径 : 描述 从 站 点 根 文件 夹 到 文档 的 路 径 。 站 点 根 目录 相对 路 径 


---------.@OOE.---------- 


是 文件 (tips.html) 的 站 点 根 目录 相对 路 径 ， 该 文件 位 于 站 点 根 文件 夹 的 admin 子 
交 件 洋 中 s 

@ 文档 相对 路 径 : 文档 相对 路 径 的 基本 思想 是 省 略 掉 对 于 当前 文档 和 所 链接 的 文档 
都 相同 的 绝对 路 径 部 分 ， 而 只 提供 不 同 的 路 径 部 分 (详细 说 明 可 参考 第 4 章 实 
例 7)。 
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以 一 个 正 斜 枉 开 始 ， 该 正 斜 杠 表示 站 点 根 文件 夹 。 例 如 ，“/admin/index.html” 


7 入 一 提示 


如 果 在 处 理 使 用 多 个 服务 器 的 大 型 Web 站 点 ， 或 者 在 使 用 承载 多 个 站 点 的 服务 器 
时 ， 可 能 需要 使 用 根 目录 相对 路 径 。 如 果 不 熟悉 此 类 型 的 路 径 ， 最 好 坚持 使 用 文档 相 


间 : 什么 是 ID? 

答 ，ID( 标 识 身份 号 码 )， 用 于 确认 某 一 对 象 的 唯一 性 ， 如 游戏 账号 就 是 游戏 者 本 身 
的 代码 。 在 网 页 制作 中 用 于 标识 某 一 元 素 ， 以 便利 用 该 ID 号 对 其 进行 操作 。 

间 :; 什么 是 div? 

管 : <div> 和 </div> 是 HTML 中 的 一 对 标签 ， 表 示 层 的 意思 ， 在 两 个 标签 中 可 以 添加 
各 种 HTML 元 素 ， 如 文字 、 表 格 和 图 片 等 。 

癌 : 如 何 让 800x600 分 辩 率 下 生成 的 网 页 在 1024x768 的 表格 中 居中 显示 ? 

管 ， 将 页 面 内 容 放 在 一 个 宽 为 778( 设 为 778 是 为 了 在 800x600 窗口 中 不 出 现 滚动 
条 ， 具 体 数值 可 根据 需要 进行 设置 ) 的 表格 中 ， 将 大 表格 设 为 水 平方 向 居中 即 可 。 

除了 使 用 表格 还 可 以 用 <div align=center> 和 </div> 标 签 ， 将 要 居中 的 内 容 包 含 进来 。 

间 : 在 设置 “宽度” 时， 选择 “像素 ”与 “百分比 ”有 何 区 别 ? 

管 : 按照 “像素 ”定义 的 表格 宽度 是 固定 的 ， 而 按照 “百分比 ”定义 的 表格 则 会 根 
据 浏 览 器 的 大 小 而 变化 。 

间 : 为 何在 设置 某 行文 字 居 中 时 ， 其 他 行文 字 也 居中 显示 ? 

管 ， 在 Dreamweaver 中 进行 居中 、 居 右 操作 时 ， 默 认 区 域 是 P、H1-H6、Div 等 格式 
标识 符 。 如 果 语 句 没有 用 上 述 标识 符 隔 开 ， 则 Dreamweaver 会 将 整 段 文字 居中 显示 。 解 决 
方法 是 ， 将 居中 文本 用 <P></P> 标 签 隔 开 即 可 。 

间 : 为 何 表格 中 的 文字 不 自动 换行 ? 

管 ， 该 情况 通常 由 以 下 原因 造成 。 

使 用 CSS 将 表格 内 的 字体 设置 为 英文 字体 ， 这 样 Dreamweaver 中 的 表格 文字 便 不 会 
自动 换行 ， 不 过 在 使 用 焉 浏览 时 可 以 正常 换行 显示 。 解 决 方法 是 ， 将 表格 中 的 文字 字体 
设置 为 中 文字 体 即 可 。 

在 表格 内 输入 了 一 连 串 无 空格 的 英文 或 数字 ， 被 卫 识别 为 一 个 完整 单词 时 ， 不 会 自 
动 换行 。 解 决 方法 是 ， 可 通过 CSS 将 文字 强行 打 散 。 代 码 如 下 


[ES 
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<td style="word-break;break-all">....</td> 


间 ; DIV 与 LAYER 有 什么 区 别 ? 

答 : 两 个 都 可 以 表示 层 。DIV 是 下 里 表示 层 所 用 的 标签 ， LAYER 是 NS(Netscape 
浏览 器 ) 里 专用 的 一 个 标签 ， 用 来 表示 层 。 

间 : 如 何 制作 鼠标 指针 滑 过 时 图 像 变 换 效果 ? 

管 ， 鼠 标 指针 经 过 图 像 由 原始 图 像 和 鼠标 经 过 图 像 组 成 ， 当 鼠标 指针 移 至 原始 图 像 
时 会 显示 鼠标 经 过 图 像 ， 当 鼠标 指针 移出 图 像 范 围 时 则 显示 原始 图 像 。 设 置 鼠 标 经 过 图 像 
的 具体 操作 如 下 。 
将 光标 移 至 要 插入 图 像 的 位 置 ， 选 择 “ 插 入 
记录 ”一 “图 像 对 象 ” 一 “鼠标 经 过 图 像 ” 
命令 ， 在 打开 的 “插入 鼠标 经 过 图 像 ”对 话 


框 中 ， 选 择 原始 图 像 与 鼠标 经 过 图 像 ， 然 后 
单 击 “确定 ”按钮 即 可 。 


鼠标 经 过 图 像 的 两 幅 图 像 大 小 应 一 致 ， 否 则 Dreamweaver 将 自动 调整 饼 标 经 过 因 
像 与 原始 图 像 大 小 一 致 (可 能 会 引起 图 像 变形 )， 


间 ;为何 无 法 播放 网 页 中 的 动画 和 声音 ? 

管 ， 通常 这 是 由 于 将 下 设置 为 禁止 播放 网 页 中 的 动画 和 声音 所 造成 的 。 启 动 正 浏 
览 器 ， 选 择 “工具 ”一 “Intemet 选项 ”命令 ， 在 打开 的 “Intemet 选项 ” 对 话 框 中 ， 切 换 
到 “高 级 ”选项 卡 ， 选 中 “播放 网 页 中 的 动画 ”和 “播放 网 页 中 的 声音 ”两 个 复 选 枉 ， 单 
击 “ 确 定 ” 按 钮 即 可 ， 如 下 图 所 示 。 


若 末 选中 “显示 图 片 ” 
复 选 枉 ， 则 网 页 中 的 图 
片 将 无 法 正常 显示 


口 显示 加 你 下载 点 位 和 
回 知 信 图 和 拉动 
畏 助 曙 能 


口 炮 绊 扩展 图 六 的 涪 明文 
口 随 焦点 和 
加 li% 
加 对 阿 页 上 的 按钮 和 控件 启用 视觉 样式 
国 这 下 
u 
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< > 


疝 : 如 何在 Dreamweaver 中 输入 空格 ? 
管 : 按 CtrltShiftt 空 格 组 合 键 ， 或 在 中 文 输入 法 中 选择 全 角 输 入 方式 ， 再 按 空 
格 键 。 


(6) 


i 


j 问 : 如 何在 Dreamweaver 中 设置 水 平 线 颜色 ? 

管 ， 单 击 回 名 按 钮 ， 切 换 到 代码 视图 ， 在 <hr> 区 域内 输入 以 下 代码 。 

<hr color="00CC33" noshade="noshade"> 

间 : 为 什么 制作 网 页 时 正常 ， 而 再 次 查看 时 网 页 中 的 图 片 显示 不 出 来 ? 

管 ， 通 常 这 是 由 于 将 网 页 所 链接 的 图 片 转移 了 保存 位 置 ， 而 网 页 中 的 图 片 链接 没有 
更 新 造成 。 例 如 : 使 用 的 网 页 图 片 在 光盘 中 ， 则 一 旦 将 光盘 取出 ， 网 页 便 无 法 正常 显示 。 
通常 需要 将 网 页 中 的 图 片 保存 在 一 个 文件 夹 中 ， 然 后 放置 在 网 页 所 在 目录 。 

间 : 如 何 快速 创建 多 个 具有 相同 布局 结构 的 网 页 ? 

管 ， 很 多 大 型 网 站 的 同一 个 栏目 往往 具有 相同 的 布局 结构 ， 如 果 一 个 页 面 一 个 页 面 
地 制作 ， 需 要 花费 很 多 不 必要 的 时 间 ， 此 时 可 以 使 用 模板 ， 利 用 模块 可 以 快速 创建 任意 个 
具有 相同 布局 结构 的 网 页 。 

模板 文档 包含 可 编辑 区 域 和 不 可 编辑 区 域 ， 在 模板 文档 中 指定 为 可 编辑 区 域 的 部 分 可 
以 像 在 普通 文档 中 一 样 进行 修改 。 而 设 定 为 不 可 编辑 区 域 的 部 分 ， 则 不 能 在 其 他 文档 中 进 
行 修改 。 创 建 模板 文档 并 设置 可 编辑 区 域 的 具体 操作 如 下 。 


当前 站 点 : 根 E I 录 ， ,打开 文件 Pe ni 选择 
Fe Si “文件 ”一 “另存 为 模板 ”命令 ,打开 “ 另 
全 部 关闭 clsnitun |- 入 2 ee 存 为 模板 ”对 话 框 。 


打开 最 近 的 文件 了) 


另存 为 A) Ctrltshiftts 
保存 全 部 必 ) 
保存 到 远程 服务 器 @) 


1 寺前 事 一 人物 散 事 一 百姓 世事 - id 共事 请 
oo oro 


捉 2 在 “站 点 ”下 拉 列 表 框 中 选择 文档 的 保存 
位 置 ， 在 “另存 为 ”文本 框 中 为 该 模板 文档 命 | 


名 ， 然 后 单 击 “ 保 存 ” 按 钮 保存 该 模板 。 


捉 3 在 打开 的 提示 对 话 框 中 单 击 “ 是 ”按钮 ， 这 
时 模板 已 创建 成 功 ， 其 扩 展 名 为 wt。 


和 秆 4 章 设计 网 页 版 面 一 一 网 上 商城 制作 第 3 步 


一 捉 4 将 光标 移 至 要 创建 可 编辑 区 域 的 位 置 ， 选 择 
“插入 记录 ”一 “模板 对 象 ”一 “可 编辑 区 域 ” 命 
令 ， 打 开 “ 新 建 可 编辑 区 域 ” 对 话 框 ， 在 “名 称 ” 
人 司 “ 文本 框 中 可 修改 可 编辑 区 域 的 名 称 ， 单 击 “ 确 定 ” 
EP RR 按钮 可 在 指定 位 置 创 建 一 个 可 编辑 区 域 。 


单 击 可 编辑 区 域 标签 ， 选 择 “ 修 改 ” 
一 “模板 ”一 “删除 模板 标记 ” 命 
令 ， 可 删除 选中 的 可 编辑 区 域 标记 


大 区 和 一 
趾 S 单 击 可 编辑 区 域 左 上 角 的 标签 可 选中 该 区 
域 ， 在 属性 面板 中 可 修改 其 名 称 ， 修 改 之 后 选 
择 “ 文 件 ” 一 “保存 ”命令 ， 保 存 所 作 的 修改 。 


8 Adobe Dr ver \ 4 章 \ 问 与 答 \CS-001- htal (XHT 
文件 到 Cr EK) 折 入 记录 文本 四 命令 忆 ) 站 点 G) 窗口 如 


We [ 池 折 分 | 国 设计 | 标题 : 匹 标 题 文档 
PTR LPR PR A 


囊 6 打开 文件 GS-001.html， 选 择 “ 窗 

一 “资源 ”命令 ， 在 打开 的 “ 资 
源 ” 面 板 中 ， 单 击 左 侧 模板 按钮 图 |， 
在 打开 的 列表 中 选择 要 应 用 的 模板 ， 
单 击 “ 应 用 ”按钮 打开 “不 一 致 的 区 
域名 称 ” 对 话 框 。 


TT 


---------.@OOE.---------- 


在 “资源 ”面板 中 ， 站 点 资源 按照 其 属性 被 划分 为 多 个 类 别 显示 在 “资源 ”面板 的 左 
侧 ， 各 个 类 别 的 含义 如 下 。 
@ 图 像 国 : 包含 站 点 中 所 有 GIF、JPEG 或 PNG 格式 的 图 像 文件 。 
颜色 荔 : 包含 站 点 中 的 网 页 和 样式 表 中 使 用 的 颜色 。 
URLs 仿 : 包含 当前 站 点 中 的 网 页 中 的 外 部 链接 。 
Flash 国 : 包含 所 有 的 Flash 格式 文件 。 
Shockwave 由 i: 包含 所 有 的 Shockwave 格式 文件 。 
影片 剧 : 包含 所 有 的 QuickTime 或 MPEG 格式 文件 。 


I 


i 


e@ ”脚本 念 ， 包含 所 有 的 JavaScript 或 VBScript 脚本 文件 。 
e@ ”模板 国 : 包含 站 点 中 所 有 的 模板 文件 。 
e@ 库 四 : 库 项 目 ， 在 多 个 网 页 中 使 用 的 元 素 。 


不 一 致 的 区 茂名 称 


此 文档 中 的 某 些 区 域 在 新 模板 中 没有 相应 区 域 。 


中 7 选择 Document body 项 ， 在 “将 内 容 移 到 新 
区 域 ”下 拉 列 表 框 中 选择 EditRegion3 选项 ， 将 文 
档 内 容 移 至 模板 网 页 中 的 可 编辑 区 域 。 


用 于 所 有 内 容 


不 一 致 的 区 域名 称 
此 文档 中 的 某 些 区 城 在 新 模板 中 没有 相应 区 域 。 


串 8 选择 Document head 项 ， 在 “将 内 容 移 到 
新 区 域 ”下 拉 列 表 框 中 选择 head 选项 ， 将 文 
档 内 容 移 至 新 网 页 中 的 <head> 标 记 内 ， 单 击 
“确定 ”按钮 可 利用 模板 创建 一 个 新 网 页 。 


用 于 所 有 内 容 
消 确定 | 


六 件 人 多 红 中 可 看 虽 由 荣 (人 工具 人 帮助 
ET 


审 9 按 F12 键 预览 效果 ， 可 看 
到 网 页 已 经 应 用 模板 。 


找到 你 的 所 爱 
天 ， 2 和 


和 
站， 各 时 
和 TH 人 
Si 齐 各 证 是 世界 上 和 和 全， 四 访 台 和 我 天 生 上 几何 ， 基 证 末节 二 虹 。 知 避 习 法。 学 到 活 、 轩 


区 电 内 


结 一 丝 


利用 本 章 所 学 知识 将 本 书 配套 光盘 “素材 与 实例 \ 第 4 章 \ 成 果 检 验 ” 中 intro.htm 文件 
制作 为 如 下 图 所 示 的 效果 。 


| py 设计 网 页 版 面 上 商城 制作 第 3 步 
Se 


EE 


ET TE 
Hagen 
哈 跟 
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成 立 于 1969 卑 ， 先 后 种 是 宁 电 ， 通 外 
商业 等 锁 斌 


碎 了 年 产 1100 万 白条 
计生 机 吉 和 的 全 大 
中 国电 子 第 四 百 诸 血 二审 各 列 前 要。 
人 
技术 多 [体系 便 才 信 的 技术 好 终 走 在 国内 
和 
视频 失信 处 理 蕊 片 在 海信 降生， 此 学 打破 了 国外 革 断 的 历史 。 


是 半 这 则 在 全 国生 时 介 作 : 且 和 一休 的 多 全 司 和 站 下 :903 个 乌 
人 与 服务 网 丰 ， 天 机 :其 如、 阿尔 起， 在 
美国 、 吏 拓 、 谢 六 


可 12 生生 中 国 交 名 贡 杯 人 ~ 下 中 加 公司 ?091 于 守 区 了 匠 于 < 志 风 所 生理 
类“、 喧 于 电视 只 导 字 滑 、 只 中 电 脑 、 愉 中 手机 二 部 委 直 中 国 各 柏 、 只 起 电视 
人 各 开 所 、 吧 乔 电 肪 “ 愉 可 信 宁可 国庆 旬 必 产品 拓宽 交代 大 

出 口 免 装 贷 格 > 


| 在线 帮 助 | 网 站 地 图 | 电子 人 专 | 联系 我 们 | 


该 网 页 的 制作 非常 简单 ， 只 需 在 文档 头 部 合适 位 置 插入 image\introa I2 cl 
件 ， 在 “公司 概况 ”下 方 粘贴 文件 “公司 概况 .txt” 中 的 文本 即 可 。 
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闸 上 高 米 侧 作 某 4 沙 


本 章 学 习 重 点 

| 5 数据 库 在 网 站 制作 中 的 作用 
5 创 建 数据 库 与 表 

汪 凡 5 数 据 库 操 作 
tg 创建 网 上 商城 数据 库 中 所 有 表 


动态 网 站 最 重要 的 功能 便 是 从 数据 库 中 读 取 数 据 ， 因 此 ， 在 制作 动态 网 页 之 前 ， 需 要 
先 为 网 站 创建 一 个 数据 库 ， 这 样 才能 测试 与 运行 动态 网 页 。 下 面 以 创建 网 上 商城 数据 库 为 
例 ， 介 绍 如 何 为 网 站 配置 数据 库 ， 如 何 操作 数据 库 中 的 数据 。 


5.1 数据 库 在 网 站 制作 中 的 作用 


数据 库 是 一 组 经 过 计算 机 整理 后 的 数据 ， 存 储 在 一 个 或 多 个 文件 中 。 为 了 更 好 地 管理 
数据 库 中 的 数据 ， 软 件 研发 人 员 开发 了 专门 管理 数据 库 的 软件 ， 称 为 数据 库 管 理 系统 。 目 
前 ， 应 用 最 为 广泛 的 数据 库 管 理 系统 为 SQL Server。 其 他 比较 流行 的 数据 库 管理 系统 还 有 
Microsoft Access、Oracle、DB2、MySql 等 。 

动态 网 站 中 ， 数 据 库 的 主要 作用 是 存储 网 站 数据 。 那 么 网 站 是 如 何 调用 数据 库 中 的 数 
据 呢 ? 简单 来 说 ， 就 是 用 户 将 浏览 器 作为 输入 界面 ， 输 入 想 了 解 的 信息 ， 然 后 浏览 器 将 这 
些 信 息 传递 给 网 站 ， 网 站 会 根据 接收 的 信息 对 数据 库 进行 一 些 处 理 ， 最 后 网 站 会 将 处 理 结 
果 返 回 给 浏览 器 ， 呈 现 给 用 户 ， 如 下 图 所 示 。 


第 5 章 网 站 数据 管理 一 一 网 上 商城 制作 第 4 步 


5.2 创建 数据 库 与 表 


存储 网 站 数据 之 前 ， 需 要 先 为 网 站 创建 一 个 数据 库 ， 然 后 在 数据 库 中 分 别 为 网 站 所 包 
含 的 各 类 信息 创建 相对 应 的 数据 表 ， 数 据 表 的 名 称 应 该 能 反映 所 包含 的 数据 ， 如 新 闻 表 可 
使 用 “news” 命 名 。 

实例 1 创建 网 上 商城 数据 库 

网 上 商城 使 用 了 Access 数据 库 管理 网 站 数据 。Access 是 Office 的 一 个 组 件 ， 在 安装 
Microsoft Office 时 ， 会 默认 安装 Access 数据 库 。 下 面 以 创建 网 上 商城 网 站 所 使 用 的 数据 
库 shop 为 例 ， 介 绍 Access 数据 库 的 创建 方法 。 

el 外 1 选择 “开始 ”一 “所 有 程序 ”一 Microsoft 


Te WD wh Office 2003 一 Microsoft Office Access 2003 选项 ， 启 
动 Access 数据 库 。 


列表 中 单 击 “ 空 数据 库 ” 选 项 ， 打 开 “ 文 件 新 建 数 
据 库 ” 对 话 框 。 


本 


ai 


选择 数据 库 的 保存 位 置 


县 | 二 sr > 


由 会 


a 文件 各 加 ; > EN 


| 保存 类 到 :Werosort DEEice hceerr WN 床 (nt) | (| 


~@-Q xD IAL- 


囊 3 选择 数据 库 文件 的 保存 位 置 ， 然 
后 修改 文件 名 称 ， 最 后 单 击 “ 创 建 ” 
按钮 创建 数据 库 。 


四 了 icrosoft Access [ | 
视图 WW 插入 Q) 工具 CD) 窗口 WD 帮助 0 


囊 4 数据 库 创建 成 功 ， 单 击 “ 关 闭 ” 按 钮 可 
Er 将 其 关闭 。 选 择 “ 文 件 ” 一 “打开 ”命令 可 
天 shop : 数据 库 (Access 2000 文件 格式 ) 同上 器 打开 数据 库 ， 若 要 删除 数据 库 时 ， 直 接 找到 
EE 该 数据 库 文件 ， 将 其 删除 即 可 。 

画 


使 用 向 导 自 娃 表 
园 通过 输入 数据 创建 表 


-人 GEG:----------. 


条 国电 入 一 动 丰 mi 基础 与 应 用 
实例 2 ”创建 网 上 商城 用 户 数据 表 


数据 库 创 建成 功 后 ， 便 可 以 在 其 内 部 创建 表 了 。 下 面 以 在 shop 数据 库 中 创建 用 户 表 
user 为 例 ， 介 绍 在 Access 中 创建 数据 表 的 具体 操作 。 


文件 加。 思科 加 视图 W 插入 CD 工具 中 窑 口 中 帮助 0D 
Fie mr 


Fy 一 一 种 1 打开 数据 库 shop， 选 择 “ 表 ”选项 ， 接 着 单 
而 shop : 数据 库 (Access 2000 文件 格式 ) 后 击 “新 建 ” 按 钮 打开 “新 建 表 ”对 话 杠 。 


rv 区 itu 匡 天 辣 > = 国生 


而 
园 合用 向 导 创 当 表 
= 加 “通过 输入 数据 自 娃 表 


< 


促 2 选择 “设计 视图 ”选项 ， 单 击 “ 确 定 ” 按 钮 一 一 | 
开始 设计 表 结 构 。 在 设计 视图 中 人潮 新 表 。 


在 “说 明 ” 列 中 可 添 
加 该 字段 的 说 明 信 息 


-中 3 在 “字段 名 称 ” 列 中 输入 “学 号 ”; 在 “ 数 

据 类 型 ”下 拉 列 表 框 中 选择 < 数字。 作 为 该 字 生 
的 类 型 ， 然 后 使 用 同样 的 方法 设计 所 有 的 字段 (用 
户 表 结 构 请 参考 实例 8)。 


在 此 可 设计 数据 表 中 字段 的 其 
他 相关 信息 ， 例 如 设置 id 字段 
为 必 添 字段 


捉 4 在 字段 id 上 右 击 ， 在 弹出 的 快捷 菜单 中 选 
择 “ 主 键 ” 命 令 ， 将 其 定义 为 主 关 键 字 。 


[>EEEEEESEEEEEDIEEDIEEE3 


为 使 数据 库 有 效 地 工作 ， 每 个 表 都 应 该 有 一 个 或 一 组 字段 用 以 唯一 确定 存储 在 表 
中 的 每 个 记录 ， 通 常 使 用 唯一 的 标识 (例如 学 生 学 号 或 雇员 ID 号 ) 作 为 这 样 的 字段 ， 即 
主 关键 字 或 主键 (不 允许 重复 且 不 允许 为 空 值 ). 


所 5S 定义 表 信 息 后 ， 单 击 “ 保 存 ” 按 钮 打开 “另存 
为 ”对 话 框 ， 输 入 表 名 称 ， 然 后 单 击 “ 确 定 ” 按 钮 保 
存 数据 表 ， 最 后 单 击 “ 关 闭 ” 按 钮 关闭 数据 表 。 


要 删除 数据 表 ， 直 接 选 中 数据 
表 并 右 击 ， 在 弹出 的 快捷 菜单 
中 选择 “删除 ”命令 即 可 


网 打开 @ 刀 认 + 四 SID | X | 2 ~» 


天象 ”| | 加 合用 设 器 包 尘 表 
EE 


园 借用 向 了 表 


国 外 体 
| 上 


搜 7 在 对 应 的 字段 中 输入 所 需 数据 ， 然 后 按 Tab 键 
可 转 至 下 一 个 字段 ， 当 输入 完 一 条 记录 后 按 Tab 键 
可 转 至 下 一 条 记录 。 


中 总 
= onnn 姜 狂 放 vEY 


-GEG----------. 


5.3 ”数据库 操作 


本 节 以 操作 网 上 商城 数据 库 shop 为 例 ， 介 绍 Access 数据 库 的 常用 操作 。 
实例 3 为 网 上 商城 用 户 表 添加 记录 
下 面 以 为 用 户 表 user 添加 用 户 记录 为 例 ， 介 绍 如 何 管理 Access 数据 表 中 的 数据 。 


打开 要 添加 记录 的 表 ， 然 后 单 击 “ 新 记 
录 ” 按 钮 可 添加 一 条 空白 记录 ， 在 该 记 
录 的 各 个 字段 中 输入 用 户 数 据 即 可 


实例 4 查找 网 上 商城 用 户 表 中 的 记录 
下 面 以 查找 用 户 表 user 中 的 记录 为 例 ， 介 绍 如 何在 数据 表 中 查找 记录 。 
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囊 1 打开 表 的 数据 视图 ， 单 击 “查找 ”按钮 ， 
打开 “查找 和 替换 ”对 话 框 。 


若 选 择 “ 替 换 ” 选 项 卡 ， 可 使 用 
新 的 内 容 蔡 换 掉 查 找到 的 内 容 


ansm:[EE 一 囊 》 输入 查找 内 容 ， 然 后 设置 搜索 范围 和 匹配 
|| 一 条 件 ， 单 击 “ 查 找 下 一 个 ”按钮 ， 会 自动 在 数 


据 表 搜索 符合 条 件 的 记录 。 


口 区 分 大 小 写 心 ) 回 按 格式 搜索 字段 0) CT 


侣 3 搜索 到 所 查找 的 记录 后 ， 会 为 其 添加 背景 
色 以 便 区 分 其 他 记录 。 


实例 5 删除 网 上 商城 用 户 表 中 的 记录 
下 面 以 删除 用 户 表 user 中 的 记录 为 例 ， 介 绍 如 何在 数据 表 中 查找 记录 。 


打开 表 的 数据 视图 ， 将 光标 移 至 要 删除 的 行 或 
拖 动 鼠 标 选 中 多 个 行 ， 然 后 单 击 “ 删 除 记录 ” 
按钮 即 可 


记录 [CO 也 JEDP 区 共有 记录 玫 .4 
“ 铬 据 表 ” 视 图 
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实例 6 对 网 上 商城 用 户 表 中 的 记录 进行 排序 


在 数据 表 视图 中 ， 可 以 对 表 的 记录 以 某 一 条 件 进行 排序 显示 。 下 面 以 对 网 上 商城 用 户 
表 排 序 为 例 说 明 。 


打开 表 的 数据 视图 ， 单 击 用 于 排列 的 列 标题 ， 然 后 
单 击 “ 升 序 排列 ”或 “降序 排列 ”按钮 ， 即 可 将 表 
记录 以 该 字段 的 排序 方式 进行 显示 


5.4 创建 网 上 商城 数据 库 中 所 有 表 


针对 用 户 需求 分 析 ， 网 上 商城 数据 库 shop 包含 11 个 不 同 主题 的 数据 表 ， 它 们 的 制作 
方法 相同 ， 只 是 所 包含 字段 的 个 数 与 类 型 不 同 。 网 上 商城 数据 库 的 11 个 数据 表 分 别 
如 下 。 

实例 7 创建 管理 员 表 

管理 员 表 (admin) 用 于 存储 网 站 后 台 管 理 员 信息 ， 只 有 存储 在 该 数据 表 中 的 会 员 才 能 
通过 网 站 后 台 管 理 页 面 修改 网 站 数据 库 中 的 数据 。admin 表 的 结构 如 下 表 所 示 。 


字段 名 称 数据 类 型 说 明 
id 数字 用 户 ID 
Username 文本 用 户 名 
pass 文本 用 户 密码 
mail 文本 户 电子 邮箱 
xineming 文本 真实 姓名 
tel 文本 联系 电话 
dizhi 文本 家 庭 住 址 


实例 8 创建 用 户 表 


-=-=-=====s@@@QOOE.--------- 


] 户 表 (user) 用 于 存储 网 站 普通 会 员 。user 表 的 结构 如 下 表 所 示 。 
字段 名 称 数据 类 型 说 明 

id 数字 自动 编号 ID 
Dame 文本 用 户 名 
pass 文本 用 户 密码 
mail 文本 用 户 电子 邮箱 
xingming 文本 真实 姓名 
shenfenzheng 文本 身份 证 
tel 文本 联系 电话 


Eee) 
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续 表 
字段 名 称 数据 类 型 说 明 

qq 文本 QQ 联系 方式 

tishi 文本 密码 保护 问题 

huida 文本 密码 保护 答案 

dizhi 文本 家 庭 住址 

youbian 文本 邮政 编码 

shijianl 文本 用 户 注册 时 间 

shijian2 文本 最 后 登录 时 间 

cishu 数字 登录 次 数 


实例 9 ”创建 商城 公告 表 
公告 表 (gonggao) 用 于 存储 网 站 中 的 公告 信息 ， 在 网 页 中 显示 的 公告 内 容 便 是 通过 应 用 
程序 从 该 数据 表 中 读 取 的 。gonggao 表 的 结构 如 下 表 所 示 。 


实例 10 ”创建 站 内 新 闻 表 


站 内 新 闻 表 (news) 用 于 存储 网 站 的 新 闻 内 容 ， 在 网 页 中 显示 的 新 闻 标 题 与 新 闻 内 容 ， 
便 是 通过 应 用 程序 从 该 数据 表 中 读 取 的 。news 表 的 结构 如 下 表 所 示 。 


字段 名 称 说 了 明 
id 自动 编号 也 
User 新 闻 发 布 用 户 
biaoti 新 闻 标 题 
neirong 新 闻 内 容 
shijian 新 闻 发 布 时 间 


实例 11 创建 商品 信息 表 
商品 信息 表 (shangpin) 用 于 存储 网 站 中 的 所 有 商品 信息 。 在 网 页 中 显示 的 商品 图 片 、 
名 称 等 信息 便 是 通过 应 用 程序 从 该 数据 表 中 读 取 的 。shangpin 表 的 结构 如 下 表 所 示 。 


字段 名 称 


商品 名 称 
商品 型 号 


mingcheng 


xinghao 


dengji 


| 


SS 
续 表 
字段 名 称 数据 类 型 说 明 

shichang 文本 市 场 价格 

huiyuan 文本 会 员 价格 

bigclassid 数字 关联 大 类 ID 

classid 数字 关联 分 类 ID 

tupian 文本 商品 图 片 路 径 

shuliang 文本 商品 数量 

shuoming 文本 商品 说 明 

jianjie 文本 商品 简介 

beizhu 文本 商品 备注 

riqi 文本 上 架 时 间 

cishu 数字 单 击 次 数 


实例 12 ”创建 商品 大 类 表 
商品 大 类 表 (bigclass) 用 于 存储 商品 分 类 中 的 大 类 名 称 ( 如 : 手机 /MP3、 化 妆 品 /饰品 
等 )， 以 及 大 类 排列 的 顺序 号 。bigclass 表 的 结构 如 下 表 所 示 。 


实例 13 创建 商品 分 类 表 


商品 分 类 表 (class) 用 于 存储 详细 的 商品 分 类 信息 (如 诺基亚 手机 、 香 水 等 )。class 表 的 
结构 如 下 表 所 示 。 


字段 名 称 说 明 


自动 编号 人 DD 


-------.-@@@@G:-------- 


mingcheng 分 类 名 称 
paixu 分 类 排序 


bigclassid 


关联 大 类 ID 


实例 14 创建 商品 评论 表 
商品 评论 表 (pinglun) 用 于 存储 网 站 顾客 对 菜 一 商品 的 评价 信息 。pinglun 表 的 结构 如 下 


表 所 示 。 


Ea 
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续 表 
字段 名 称 说 明 
shangpinid 关联 商品 外 
pinglun 评论 内 容 
shijian 评论 时 间 


实例 15 创建 用 户 订单 表 


用 户 订单 表 (dingdan) 用 于 存储 网 站 中 的 所 有 商品 订单 信息 。dingdan 表 的 结构 如 下 表 
所 示 。 
字段 名 称 数据 类 型 说 明 
id 数字 是 自动 编号 ID 
shangpin 文本 商品 名 称 
shijian 文本 订货 时 间 
shuliang 文本 | | 商品 数量 
zhuangtai 文本 | | 订单 状态 
shoujianren 文本 | | 收 件 人 
di 文本 | | 送 货 地 址 
zhifu 文本 | | 支付 方式 
songhuo 文本 | | 送 货 方式 
oubian 文本 | | 邮政 编码 
tal 文本 | | 联系 电话 
mail 文本 | | 电子 邮箱 
didanhao 文本 | | 
liuyan 文本 | | 辐 全 
name 文本 | | 用 户 名 
实例 16 创建 用 户 反 馈 表 
用 户 反 馈 表 (fankui) 用 于 存储 用 户 对 网 站 、 对 公司 的 建议 以 及 对 网 站 商品 或 服务 的 投 


诉 等 信息 。fankui 表 的 结构 如 下 表 所 示 。 


字段 名 称 数据 类 型 是 否 主键 说 明 
id 数字 是 自动 编号 ID 
shijian 文本 反馈 时 间 
User 文本 反馈 人 
biaoti 文本 标题 
neirong 文本 反馈 内 容 
leixin 文本 反馈 类 型 
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实例 17 创建 用 户 留言 表 


户 留言 表 (liuyan) 用 于 存储 网 站 用 户 的 留言 。liuyan 表 的 结构 如 下 表 所 示 。 
字段 名 称 说 明 
id 自动 编号 
shijian 留言 时 间 
user 留言 用 户 
biaoti 标题 
neitong I 留言 内 容 
问 与 答 
间 :; 什么 是 存储 过 程 ? 
答 ， 存 储 过 程 是 一 组 为 了 完成 特定 功能 的 SQL 语句 集 ， 经 编译 后 存储 在 数据 库 中 。 


用 户 通过 指定 存储 过 程 的 名 字 ( 若 存储 过 程 带 有 参数 ， 需 给 出 相应 的 参数 ) 来 执行 它 。 


间 ; 什么 是 SQL 注入 ? 

管 ， 许多 网 站 在 制作 时 ， 没 有 对 用 户 输入 数据 的 合法 性 进行 判断 ， 使 应 用 程序 存在 
安全 隐患 。 用 户 可 以 提交 一 段 数据 库 查 询 代 码 ， 根 据 程序 返回 的 结果 ， 获 得 某 些 想 知道 的 
数据 ， 这 就 是 SQL Injection， 即 SQL 注入 。 

间 ， 设计 网 站 数据 库 时 需要 注意 什么 ? 

答 : 在 设计 数据 库 时 应 该 注意 如 下 几 点 。 

@ 充分 体现 系统 的 需求 。 数 据 库 是 为 应 用 服务 的 ， 好 的 数据 库 设 计 应 该 首先 能 满足 

应 用 系统 的 业务 需求 ， 准 确 地 表达 数据 间 的 关系 。 

@ 保证 数据 的 准确 性 和 一 致 性 。 通 过 主 外 键 、 非 空 、 限 制 和 唯一 索引 等 保证 数据 的 

健全 。 

@ 提高 数据 的 查询 效率 。 通 过 建立 合理 的 表 结 构 、 安 排 物理 存储 分 区 、 增 加 索引 等 

方式 ， 提 高 数据 的 读 取 速度 ， 提 高 查询 效率 。 

@ 有 好 的 扩展 性 。 在 必要 时 能 根据 需求 扩展 数据 结构 。 


练 练 


利用 本 章 所 学 知识 创建 sh 数据 库 ， 在 该 数据 库 中 创建 数据 表 sh_user， 表 结构 如 下 表 


所 示 。 
字段 名 称 数据 类 型 字段 大 小 是 否 标识 列 说 明 
id 数字 (长 整 型 ) 自动 编号 ID 
Uusername 用 户 名 


> 


GE@:--------- 
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续 表 
字段 名 称 是 否 标识 列 说 明 
pass 用 户 密码 
xingming 真实 姓名 
mail 50 用 户 电 子 邮 箱 
tel 50 联系 电话 
tishi 密码 保护 问题 
huida 密码 保护 答案 
shijianl 用 户 注册 时 间 
shijian2 最 后 登录 时 间 
Cishu 登录 次 数 


网 上 高 城 制作 宴 5 步 


本 章 学 习 重 点 
只 ASP 概述 
号 配置 站 点 服务 器 
只 ASP 默认 脚本 语言 VBScript 
0 ASP 内 置 对 象 
制作 动态 网 页 ， 就 是 使 用 网 页 编程 语言 来 实现 网 页 的 动态 功能 。 网 上 商城 使 用 了 ASP 
动态 网 页 ， 因 此 ， 本 章 将 通过 制作 网 上 商城 中 的 某 些 功 能 模块 来 介绍 ASP 动态 网 页 的 制 
作 方 法 及 制作 要 点 。 


[( 罗 
S| 


6.1 ASP 概述 


ASP(Active Server Pages， 活 动 服务 器 网 页 )， 是 由 微软 公司 推出 的 Web 应 用 程序 开发 
技术 ， 它 不 是 一 种 程序 ， 也 不 是 一 种 开发 工具 ， 而 是 一 个 技术 框架 ， 也 就 是 一 个 位 于 服务 
器 端的 脚本 编写 环境 。 


6.1.1 ASP 在 网 站 制作 中 所 起 的 作用 


ASP 的 应 用 主要 包含 如 下 几 项 。 

@ ”建立 动态 网 站 。 利 用 ASP 可 以 快速 建立 各 种 类 型 的 动态 网 站 。 

@ ”构筑 聊天 室 、 论 坛 和 虚拟 社区 等 网 络 应 用 程序 。 

@ ”创建 站 内 搜索 程序 以 及 网 络 搜 索引 擎 。 

@ ”开发 电子 商务 。 利 用 ASP 可 以 创建 电子 商务 站 点 ， 实 现 网 上 交易 和 购物 。 
ASP 的 功能 主要 体现 在 以 下 儿 方 面 。 

处 理 用 户 通过 浏览 器 提交 到 Web 服务 器 的 表单 ， 完 成 用 户 和 服务 器 端的 交互 过 程 。 
访问 服务 器 端 数据 库 ， 执 行 相应 的 录入 、 查 询 、 删 除 和 修改 等 操作 。 
根据 服务 器 的 配置 ， 读 写 Web 服务 器 端的 文件 。 

控制 和 管理 用 户 的 访问 权限 ， 限 制 用 户 在 网 站 的 行为 。 

记录 访问 者 的 信息 ， 跟 踪 用 户 在 网 站 内 的 活动 并 将 其 存 入 日 志文 件 。 
结合 HTML 控件， 实现 各 种 形式 的 网 际 导航 。 


6.1.2 ASP 运行 机 制 
ASP 本 身 的 意义 是 指 从 Web 服务 器 端 传送 信息 到 客户 端 浏览 器 时 的 前 置 处 理 过 程 。 
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该 过 程 由 内 嵌 在 Web 服务 器 中 的 DLL(asp.d 岂 完成 。 当 客户 端 要 访问 的 是 Web 服务 器 中 
扩展 名 为 .html 的 文件 时 ，Web 服务 器 会 直接 将 该 文件 发 送 至 客户 端 浏览 器 。 当 客户 端 要 
访问 的 是 Web 服务 器 中 扩展 名 为 .asp 的 文件 时 ，Web 服务 器 会 自动 解释 执行 该 程序 ， 并 
将 最 终结 果 转 换 为 HTML 信息 发 送 至 客户 端 。 
ASP 从 字面 分 析 包 含 如 下 三 方面 含义 。 
@ Active: ASP 使 用 了 ActiveX 技术 。ActiveX(COMD) 是 微软 公司 软件 的 重要 基础 ， 
它 采 用 将 可 执行 代码 封装 为 对 象 ， 再 由 程序 调用 对 象 的 技术 ， 简 化 了 编程 ， 加 强 


了 程序 间 的 合作 。 

e@ ”Server; 指 ASP 运行 在 服务 器 端 ， 这 样 便 不 必 担 心 浏览 器 是 否 支持 ASP 编程 
语言。 

风衣 一 提示 


ASP 可 以 使 用 VBScript 和 JavaScript 编写 服务 器 端 程序 。 此 外 ，VBScript 与 
JavaScript 也 可 以 编写 客户 端 脚本 程序 ， 不 过 VBScript 不 能 运行 在 Netscape 浏览 器 中 ， 


因此 不 宜 在 客户 端 使 用 VBScript。 


@ ”Pages: ASP 返回 标准 的 HTML 页 面 ， 这 样 便 可 以 在 各 类 浏览 器 中 显示 。 此 外 ， 
当 浏 览 者 查看 网 页 源 文 件 时 ， 看 到 的 是 由 ASP 生成 的 HTML 代码 ， 而 不 是 ASP 
源 程序 ， 从 而 防止 他 人 抄袭 。 

Web 服务 器 在 处 理 扩展 名 为 .asp 的 文件 时 ， 将 对 文件 中 “<% %>” 标 记 内 的 内 容 进 
行 处 理 ， 将 其 转换 为 相应 的 HTML 标记 信息 ， 并 将 产生 的 HTML 信息 发 送 至 客户 端 浏 览 
器 进行 显示 ， 即 我 们 最 终 看 到 的 网 页 。 

例如 : 在 服务 器 中 有 test.asp 文件 ， 其 内 容 如 下 。 


<%s@Language="VBScript"%> 

<html><head><title> 示 例 </title></head> 

<body> 

<%=" 这 是 一 个 ASP 应 用 实例 "%> 

</body></html> 

当 用 户 访问 该 文件 时 ， 在 服务 器 端 会 将 该 文件 处 理 成 如 下 HTML 标记 信息 ， 然 后 发 
送 至 客户 端 浏览 器 。 

<html><head><title> 示 例 </title></head> 

<body> 


这 是 一 个 ASP 应 用 实例 
</body></html> 


6.1.3 ASP 开发 工具 


目前 ， 用 来 开发 ASP 应 用 程序 的 工具 比较 多 ， 如 记事 本 、Dreamweaver、Frontpage、 
Visual InterDev、Adobe Golive 等 ， 其 中 ， 最 为 常用 的 有 Frontpage 、Dreamweaver 和 
Visual InterDev。 
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初学 者 应 该 选择 Frontpage 或 Dreamweaver， 而 具有 一 定 开 发 经 验 的 人 员 应 该 选择 


Dreamweaver 或 Visual InterDev。 


6.2 配置 站 点 服务 器 


运行 ASP 网 站 需要 在 网 站 服务 器 中 创建 一 个 站 点 ， 然 后 将 站 点 主 目录 设置 为 ASP 网 
站 文件 夹 根 目录 。 如 果 要 在 Dreamweaver 中 测试 ASP 动态 网 页 ， 则 需要 为 Dreamweaver 
中 的 站 点 配置 站 点 服务 器 。 

实例 1 设置 网 上 商城 站 点 路 径 

在 IIS 服务 器 中 自 带 一 个 站 点 “默认 网 站 ”， 下 面 以 将 “默认 网 站 ”站 点 主 目录 设置 
为 网 上 商城 站 点 根 目录 为 例 ， 介 绍 IS 服务 器 站 点 主 目录 的 设置 方法 。 


和 一 一 争 1 启动 IS， 展开“ 网 站 ”节点 ， 站 “多 从 罗 
+ 和 国 站 ”并 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ” 


in 令 ， 打 开 “ 默 认 网 站 属性 ”对 话 框 。 
i 


时 


ITT 头 六 
网 站 ISAPI 第 选 器 文档 


连接 妈 淤 注 时 的 内 容 来源 
回 此 i 算 机 上 的 目录 @) 
加 另 一 台 计算 机 上 的 共享 G) 


OE LV 
申 2 在 人 幸 录 录 ” ”选项 卡 中 ， 单 击 “ “浏览 ”按钮 ， IE 本 地 路 径 民 ) 了 \ 全 全 网 \ 动 态 网 站 制作 
在 打开 的 对 话 框 中 选择 网 上 商城 站 点 根 目录 ， 然 后 EE 和 Et 
连续 单 击 “ 确 定 ”按钮 ， 可 将 “默认 网 站 ” 主 目录 
设置 为 网 上 商城 站 点 根 目录 。 应 用 程序 名 昌 ) 默认 应 用 程序 [SD |] 


-------.@EOE.-------- 


开始 位 置 全 认同 站 > 


配置 到 
所 4 限 D [在 ~ Ee 


应 用 程序 保护 四: 。 [中 (共用) 可 Cw ] 


EL ww (ww ] 


实例 所 讲述 的 是 为 站 点 设置 主 目录 ， 此 外 ， 在 同一 站 点 中 还 可 以 创建 多 个 虚拟 上 


录 。 如 果 网 站 包含 的 文件 位 于 并 非 主 目录 的 目录 当中 ， 或 在 其 他 计算 机 上 ， 就 必须 创 
建 虚拟 目录 以 将 这 些 文件 包含 到 自己 的 站 点 当中 。 在 IIS 服务 器 窗口 ， 选 择 要 创建 虚拟 
目录 的 站 点 ， 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “新 建 ” 一 “虚拟 目录 ”命令 ， 如 下 图 
所 示 ， 打 开 虚 拟 目 录 创 建 向 导 ， 根 据 提示 进行 操作 便 可 为 该 站 点 设置 一 个 虚拟 目录 。 
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加 文件 如 作 如 查看 WD 宣 吕 四。 各 助 中 
和 


“网 站 ”表示 新 建 一 个 子 站 
点 “网 站 (来 自 交 件 )” 与 
“虚拟 路 径 ( 来 自 文件 )” 表 示 
利用 配置 文件 创建 站 点 与 虚拟 
目录 


实例 2 在 Dreamweaver 中 配置 网 上 商城 站 点 服务 器 

要 在 Dreamweaver 中 开发 和 测试 Web 应 用 程序 (如 ASP)， 需 要 为 Web 应 用 程序 选择 
相应 的 服务 器 技术 ， 否 则 将 无 法 正常 运行 Web 应 用 程序 。 下 面 以 为 网 上 商城 站 点 配置 
ASP 服务 器 为 例 ， 介 绍 在 Dreamweaver 中 配置 站 点 服务 器 的 具体 操作 。 


v Adobe Dreanweaver CS3 - [D:\ 爹 企 热 \ 动 态 网 站 制作 \index. htal... |- | 口 [X 
文 仲 下 编辑 下 】 查看 忆 ) 矣 入 记 寻 可) 德 改 划 ) 文本 可 ) 命 售 亿 )】 站 点 (GE) 


串 1 启动 Dreamweaver， 选 择 “站 点 ” 
一 “管理 站 点 ”命令 ， 在 打开 的 “管理 


index, html | mm 一 2 
三 时 we 回 晤 国 病 zy 站 点 ”对 话 框 中 ， 单 击 “编辑 ” 按 钮 打 
型 有 | 开 站 点 定义 向 导 。 


< Ll 
odr> [Re 


站 点 定义 Le 4 


中 2 单 击 “ 下 水 ” 按钮 打开 Adobe Dreamweaver CS3 中 的 站 点 是 文件 和 文件 夹 的 集合 ， 它 对 应 于 服务 器 上 的 Yeb 站 


服务 器 技术 选择 界面 。 点 


您 打算 为 您 的 站 点 起 什么 名 字 ? 
mm 


示例 : MySite 


您 的 站 点 的 HTTP 地 址 (VEL) 是 什么 ? 
http:// 
示例 : http: /fm myitost_ econ/nySite 


EH 


(0 


shop 的 站 点 定义 为 


串 3 选中 “是 ， 我 想 使 用 服务 器 技术 。” 单 
选 按钮 ， 在 “ 哪 种 服务 器 技术 ? ”下 拉 列 表 
框 中 选择 ASP VBScript 选项 ， 单 击 “ 下 一 
步 ” 按 钮 打开 文件 编辑 界面 。 


shop 的 站 点 定义 为 


叫 4 选中 “在 本 地 进行 编辑 和 测试 (我 的 一 一 一 
测试 服务 器 是 这 台 计 算 机 )” 单 选 按 

钮 ， 接 着 选择 文件 的 存储 路 径 ， 单 击 

“下 一 步 ” 按 钮 打开 文件 测试 界面 。 


次 格 把 文件 仓 博 在 计算 机 上 的 什么 位 置 ? 


由 于 计算 机 上 已 安装 了 ITS， 因 此 可 将 汁 算 机 用 作 本 地 测试 服务 器 。 


CF-S@) 


-GEG----------. 


sr 信用 TTP 《 加 同 浏览 器 与 修 的 测度 务 器 进行 天 信 ,因此 它 雪 要 和 并 
根 广 提交 的 IEL 


ME -一 种 $ 输入 URL 前 绥 ( 默 认为 localhost， 本 例 使 
2 区 用 默认 值 )， 单 击 “ 测 试 URL ”按钮 检查 
URL 前 级 是 否 正确 。 若 无 问题 ， 则 单 击 “ 确 
定 ” 按 钮 ， 然 后 单 击 “ 下 一 步 ”按钮 ， 打 开 
是 否 使 用 远程 服务 器 界面 。 


“(ol 


URL 前 级 由 域名 和 Web 站 点 主 目 录 的 任意 子 目 录 或 虚拟 目录 组 成 。 作 用 是 指定 一 
个 URL 前 级 ， 以 便 在 使 用 Dreamweaver 制作 动态 网 页 时 ， 可 以 使 用 测试 服务 器 显示 数 
据 。 如 果 Dreamweaver 与 Web 服务 器 运行 在 同一 计算 机 上 ， 则 可 以 使 用 localhost 来 代 
替 域名 。 例 如 ， 假 设 应 用 程序 的 URL 是 buttercup_pc/mycoolapp/index.asp， 那 么 ， 可 以 
输入 以 下 URL 前 组 : http://localhost/mycoolapp/。 


shop 的 站 点 定义 为 


争 6 选中 “和 否 ” 单 选 按钮 ， 不 使 用 远程 服 
务 器 ， 单 击 “ 下 一 步 ” 按 钮 。 


Li 


的 苍 政 使 用 远程 服务 器 ) 
[SET 


ey 


基本 | 高 汲 


站 点 定义 上 小 
EREEEEEEEEEEE 


闪 的 站 点 包 全 以 下 记 轩 
串 7 连续 单 击 “ 完 成 ”按钮 完成 站 点 服 一 一 林地 信息 = 
务 器 设置 。 SRT erst 


运程 信息 : 
访问 :我 在 以 后 元 成 比 设 置 。 


访问 : 可 地 /加 络 
远 请 文件 亦 .D:\ 全 企 翔 \ 动 坟 网 站 制作 \ 
可 以 使 用 高 级 选项 卡 对 弥 的 站 点 进行 进一步 辽 置 。 


se RT 二 


6.3 ASP 默认 脚本 语言 VBScript 


ASP 本 身 不 提供 任何 脚本 语言 ， 但 ASP 可 以 通过 ActiveX Script 标准 界面 使 用 各 种 各 
样 的 脚本 语言 ， 如 VBScript 和 JavaScript， 其 中 ，VBScript 是 ASP 默认 的 脚本 语言 。 
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6.3.1 VBScript 概述 


VBScript(Microsoft Visual Basic Scripting Edition 的 简称 ) 是 Visual Basic 的 简化 版 本 ， 
是 一 种 脚本 语言 ， 其 作用 是 将 程序 柑 入 HTML 当中 实现 制作 动态 交互 页 面 的 要 求 。 

VBScript 具有 如 下 特点 。 

@ 另 学 易 用 : 继承 了 Visual Basic 简单 易学 的 特点 。 

@ 安全 性 : VBScript 不 能 访问 电脑 的 系统 文件 ， 浏 览 器 也 不 允许 对 没有 安全 标识 的 
ActiveX 运行 脚本 。 也 就 是 说 在 脚本 不 含有 其 他 类 型 应 用 程序 或 组 件 的 情况 下 ， 
不 可 能 做 出 破坏 其 他 用 户 系统 的 操作 。 

@ ”降低 服务 器 负荷 : VBScript 可 以 在 客户 端 执行 许多 操作 ， 避 人 免 所 有 操作 都 在 服务 
器 上 执行 ， 加 重 服务 器 负荷 。 例 如 在 表单 发 送 到 服务 器 之 前 可 以 验证 表单 中 的 数 
据 ， 并 进行 相应 处 理 ; 动态 创建 新 的 Web 内 容 ; 编写 在 客户 端 运行 的 应 用 程 
序 ， 扩展 客 户 端 功能 。 

@ 事件 驱动 : 引入 了 事件 驱动 机 制 ， 它 允许 应 用 程序 对 用 户 的 动作 立即 做 出 反应 。 

@ ”可 用 于 ASP 程序 设计 : 是 ASP 默认 的 编程 语言 ， 可 产生 和 执行 动态 、 交 互 、 高 
效 的 站 点 应 用 程序 。 


6.3.2 ”在 网 页 中 使 用 VBScript 
使 用 VBScript 既 可 以 编写 服务 器 端 脚本 语言 ， 又 可 以 编写 客户 端 脚本 语言 。 
1. 服务 器 端 脚 本 
服务 器 端 脚本 是 指 在 服务 器 中 运行 的 程序 代码 。 在 ASP 中 编写 服务 器 端 脚 本 有 两 种 
AR “<%” 和 “%>” 标 识 符 将 脚本 代码 括 起 来 ， 格 式 如 下 : 
<%VBScript 代码 s> 
示例 ， 向 客户 端 打印 一 个 HTML 文档 ， 显 示 一 个 超级 链接 。 


宝 白 页 


eane : 审 ]1 启动 Dreamweaver， 
图 mnt | 了 居中 按 CtrltN 组 合 键 ， 在 打 

了 | 开 的 新 建文 档 窗口 中 ， 
选择 “空白 页 ”一 ASP 
VBScript 选项 ， 单 击 
“创建 ”按钮 新 建 一 个 
ASP 文档 。 


-GOGGOG:----------- 


快乐 多 电脑 一 动态 网 站 设计 基础 与 应 用 


Untitled-2* - 忆 
加 fi 到 | 当 后 | 国 诗 [| 著 。 标题 : 再 标 是 文档 内 @. | C 日. @. 
[| EE <$BLANGUAGE="YBSCRIPT" CODEPAGE="65001"$> 

Ml 2 <!IDOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN™ 


"http: / /wy. Ww3.0rg/TR/xhtnll/DTID/xhtnll-transitional. dtd"> 


| 好 | Ww 
| : ol uns http: / /ww3. org/1999/xhtnl"> 中 2 单 击 “ 代 码 ” 按 
,» Bneta http-equiv="Content-Type” content="text/htnl; charset=utf-8" /> 钮 ， 切 换 至 代码 视图 ， 
* 上 Ss 在 <body> 标 记 内 输入 左 
了 lear 一 人 
8 图 所 示 代 码 。 
boay> 


<a href="http: /yu.bjjqe.com"><sresponse.Uritel" 欢 迎 来 到 北京 金 企 部 ")s></a 


EE -boay> 
14 </html> 


串 3 选择 “文件 ”一 “保存 ”命令 ， 
在 打开 的 对 话 框 中 选择 文件 保存 路 
径 ， 在 “文件 名 ”下 拉 列 表 框 中 输入 加 Be 
文件 名 称 ， 单 击 “保存 ”按钮 打开 是 

否 上 传 文件 对 话 框 。 


保存 类 型 0) 所 有 文档 (whtm;# htnl;#, shtm;#. shtml 全 


ppp Uncode 标准 化 表单 (ED): 加 了 ET 
口 包括 Unicode 签名 (BOM)5) 


时 人 ”提示 了 


ASP 文档 应 该 保存 在 站 点 根 目 录 ( 文 档 的 默认 保存 路 径 )， 或 站 点 子 目 录 当 中 ， 且 该 
站 点 已 配置 ASP 服务 器 ， 若 将 其 保存 在 站 点 以 外 的 存储 位 置 ， 将 无 法 运行 服务 器 端 
程序 。 


相关 文件 一 将 在 18 秒 后 消除 ; 
要 上 传 相关 文件 ? 选中 “不 要 再 显示 
您 可 以 在 “首先 参数 ”对 话 杠 中 的 “站 点 ”类 别 中 更 此 首 迁 参 数 。 i ”按钮 浏览 网 页 。 


无 标题 文 焰 - Windovs Internet E... 罩 | 回民] 
器 $ 右 图 所 示 为 网 页 index.asp 的 最 终 效 果 ， EECOEEOEZESOEE 
单 击 文本 超级 链接 会 转向 所 链接 的 网 页 FB” ev/neeatostM | [x 


文档 。 帘 这 | 砌 无 标题 文档 但 


一 北京 金 企 执 


了 更 好 地 讲述 ASP 程序 设计 ， 在 后 面 的 章节 中 将 只 提供 程序 源 代码 ， 读 者 只 需 
将 代码 输入 文档 源码 中 的 指定 位 置 ( 如 标记 <body> 内 ) 即 可 。 


(106) EE 
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第 二 种 方法 是 使 用 “<Script>” 和 “</Script>” 标 记 将 脚本 代码 括 起 来 ( 相 比 之 下 第 一 
种 方法 使 用 更 为 广泛 )。 

示例 : 将 如 下 代码 置 于 < body > 标记 内 ， 向 客户 端 打印 一 段 文字 。 

<script language="vbscript" runat="server"> 


response.Write"Hello World" //' 向 客户 端 浏览 器 输出 一 段 文字 
</script> 


“<Script>” 和 “</Script>” 用 于 标识 所 选用 的 脚本 语言 和 用 户 定 义 的 函数 、 方 法 


和 模块 。 此 标识 的 属性 Runat 用 于 指定 <Scrip 亿 标识 所 包含 的 代码 是 在 客户 端 还 是 服务 
器 端 执 行 。Runat=server 表示 代码 在 服务 器 端 执行 ; 如 果 不 做 设 定 ， 则 被 认为 是 在 客户 
端 执行 。 


2. 客户 端 脚本 

客户 端 脚本 是 指 在 用 户 浏览 器 中 运行 的 程序 代码 。 制 作 网 页 时 ， 客 户 端 脚本 代码 必须 
写 在 “<Script>” 和 “</Script>” 标 记 之 间 ， 然 后 将 其 嵌入 在 HTML 页 面 当中 。 

VBScript 客户 端 脚 本 语法 格式 如 下 。 

<script language="vbscript" [Event=" 事 件 名 称 "] [For=" 对 象 名 称 "] > 

过 业 = 二 

脚本 代码 

==> 

</script> 

参数 说 明 如 下 。 

e@ ”language: 指定 脚本 代码 所 使 用 的 脚本 语言 ， 可 以 是 VBScript( 可 简写 为 VBS) 或 

JScript(IE 浏览 器 默认 的 脚本 语言 为 JScripb。 
@ ”Event: 指定 与 脚本 代码 相关 联 的 事件 (可 选 )。 
@ ”For: 指定 与 事件 相关 的 对 象 (可 选 )。 


一 提示 


“<Script>” 和 “</Script>” 可 以 在 HTML 文档 的 <head> 和 <Body> 标 记 内 出 现任 


-------.@EOE.-------- 


大 部 分 脚本 代码 应 该 放 在 Sub 和 Function 过 程 中 (过 程 的 创建 请 参考 6.3.8 节 )， 仅 
在 部 分 代码 调用 它 时 执行 。 也 可 以 将 脚本 代码 放 在 过 程 之 外 、<Scrip 亿 块 之 中 ， 这 类 代 


码 仅 在 HIML 页 面 加 载 时 执行 一 次 。 
在 语法 格式 中 ， 之 所 以 将 脚本 代码 嵌入 在 HTML 注释 标记 <!-- 和 --> 之 间 ， 是 为 了 
避免 不 能 识别 Script 标记 的 浏览 器 将 代码 显示 在 页 面 当中 。 


示例 ; 将 如 下 代码 置 于 <body> 标 记 内 ， 向 客户 端 弹出 一 个 消息 框 ， 如 左下 图 所 示 。 


<script language="vbscript" > 
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<!—— 


sub openwindow () // 创建 过 程 openwindow 

mess=" 密 码 错误 " // "创建 变量 mess， 存 储 文本 信息 

msgbox mess // "弹出 一 个 消息 框 ， 消 息 框 的 内 容 为 mess 所 存储 的 信息 
end sub // "过 程 结束 语句 

call openwindow // "调用 过 程 openwindow 

一 一 > 

</script> 


3. 服务 器 端 脚本 和 客户 端 脚本 的 区 别 


服务 器 庇 脚本 :在 Web 服务 器 上 执行 ， 由 服务 器 根据 脚本 的 执行 结果 生成 相应 
的 HTML 页 面 发 送 至 客户 端 浏览 器 并 显示 。 服 务 器 端的 脚本 在 网 页 通过 网 络 传 
送 给 浏览 器 之 前 执行 ，Web 接收 到 的 只 是 标准 的 HTML 文件 ， 因 此 它 不 受 浏览 
器 的 限制 。 

客户 端 脚本 由 浏览 器 解释 执行 。 由 于 客户 端 脚本 随 着 HTML 页 面 下 载 到 客户 
端 浏览 器 ， 在 用 户 本 地 执行 ， 因 此 其 执行 速度 要 快 于 服务 器 端 靶 本 。 

4. 为 脚本 添加 注释 


为 脚本 添加 注释 可 以 增强 程序 的 可 读 性 。 通 常 所 有 过 程 的 开始 部 分 都 应 该 有 描述 其 功 
能 的 简要 注释 ， 以 便 日 后 对 其 进行 维护 。 

VBScript 脚本 注释 使 用 单 引号 () 或 Rem 语句 。 在 处 理 脚本 程序 时 ， 注 释 内 容 将 被 忽 
略 ， 不 会 被 送 至 浏览 器 。 

示例 ; 将 如 下 代码 置 于 <body> 标 记 内 ， 为 VBScript 服务 器 端 脚本 添加 注释 信息 ， 如 


右 下 图 所 示 。 
<g 
"创建 chec 过 程 用 于 检查 用 户 名 是 否 正确 // "注释 语句 (该 语句 Te 
sub chec(us) // "创建 chec 过 程 并 接收 一 个 参数 
if us="admin" then A ed 与信 守信 相 同 
response.Write "欢迎 登录 !" // "向 客户 端 打印 一 
end if /1' 结 束 if i 
end sub 


call chec("admin") // 调 用 过 程 chec 并 为 其 传递 参数 值 admin 


无 标题 文档 -Windovs Internet E... 基因 | 必 
文件 下) 编辑 下 ) 查看) ”收藏 亚 和) 工具 CD) 帮 文件 FE) ”编辑 人 ) 查看 他 ) 收藏 严 人 ) 工具 CI) 地 i ” 
[ FO- 四 Moniocahsvy 同 | 络 |xj[ 


窗 安居 天 归档 


6.3.3 保存 值 不 变 的 数据 


编写 程序 时 ， 经 常会 用 到 一 些 值 不 变 的 数据 (如 圆周 率 <)， 通 常会 将 这 些 数据 赋予 某 
一 常量 。 常 量 是 具有 一 定 含义 的 名 称 ， 用 于 代替 数字 或 字符 串 ， 在 脚本 运行 过 程 中 其 值 不 
会 改变 。 在 VBScript 中 使 用 const 语句 创建 常量 并 赋予 常量 
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VBScript 本 身 提供 了 许多 保留 ， 称 为 保留 字 ， 这 些 保留 字 不 允许 被 定义 。 例 
如 : vbGreen 表示 绿色 的 数值 。 


示例 : 创建 字符 型 常量 与 数值 型 常量 


Const bookname=" 动 态 网 站 制作 " // "字符 串 是 用 双 引 号 括 起 来 的 一 个 或 一 组 字符 
Const PI=3.1415926 


6.3.4 保存 值 可 变 的 数据 


编写 程序 时 ， 往 往 需要 保存 一 些 值 可 以 变化 的 数据 (如 圆 的 面积 )， 通 常会 将 这 些 数据 
赋予 某 一 变量 。 变 量 是 一 种 使 用 方便 的 占 位 符 ， 用 于 引用 计算 机 内 存 地 址 ， 该 地 址 可 以 存 
储 VBScript 脚本 、 程 序 所 使 用 的 数据 等 。 变 量 所 存储 的 数据 被 称 为 变量 的 值 。 

使 用 变量 不 需要 了 解 变量 在 计算 机 中 的 存储 地 址 ， 只 要 通过 变量 名 引用 变量 ， 便 可 以 
查看 或 更 改变 量 的 值 。 在 VBScript 中 只 有 一 种 基本 数据 类 型 Variant， 也 就 是 说 所 有 的 变 
量 都 是 Variant 数据 类 型 。 

1. 变量 命名 规则 

VBScript 变量 的 命名 必须 遵循 VBScript 的 标准 命名 规则 。 变 量 的 命名 规则 如 下 。 


-------.@EOE.-------- 


e@ 第 一 个 字符 必须 是 字母 。 

@ ”不 能 包含 句点 (.)。 

e@ 不 能 使 用 VBScript 已 经 存在 的 保留 字 。 

e@ ”长 度 不 能 超过 255 个 学 从 。 

e@ ”在 其 作用 域内 必须 是 唯一 的 。 

2. 变量 声明 

变量 的 使 用 规则 是 “ 先 声明 ， 后 使 用 ”。 虽 然 VBScript 在 使 用 变量 时 可 以 不 做 声明 
(程序 会 在 首次 使 用 变量 时 自动 声明 其 类 型 )， 但 作为 一 种 良好 的 编程 习惯 ， 应 该 坚持 使 用 

这 一 规则 。 在 VBScript 中， 声明 变量 的 常见 方法 有 如 下 4 种 。 


1) “使 用 Dim 语句 声明 变量 
使 用 Dim 语句 声明 变量 是 最 为 常用 的 一 种 变量 声明 方式 。 
语法 格式 :Dim 变量 名 [， 变 量 名 ] 


示例 : Dim username， pass // 定 义 两 个 变量 username 与 pass 
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2) ”使 用 Public 语句 声明 变量 

Public 用 于 声明 全 局 变量 ， 这 些 变量 可 以 在 网 页 中 的 所 有 脚本 和 过 程 中 使 用 。 

语法 格式 : Public 变量 名 [， 变 量 名 ] 

示例 : Public quantity // 定 义 一 个 全 局 变量 quantity 

3) ”使 用 Private 语句 声明 变量 

使 用 Private 声明 的 变量 称 为 私有 变量 ， 其 作用 域 仅 在 定义 该 变量 的 脚本 体内 ， 即 该 
变量 所 在 的 “<Script>” 和 “</Script>” 标 记 内 。 

语法 格式 ;Private 变量 名 [， 变 量 名 ] 

示例 : Private n // 定 义 一 个 私有 变量 n 

4) ”使 用 Option Explicit 语句 声明 变量 

在 VBScript 中 ， 默 认 状 态 下 允许 隐 式 声明 变量 ， 即 不 对 变量 作出 任何 声明 就 使 用 变 
量 ， 但 这 样 很 容易 发 生 重 复 定 义 变量 导致 变量 命名 冲突 错误 。 

为 避免 使 用 隐 式 声明 变量 时 写 错 变量 名 而 产生 错误 ，VBScript 提供 了 Option Explicit 
语句 来 强制 显 式 声明 变量 (强制 显 式 声明 变量 会 增加 代码 量 ， 但 可 以 提高 程序 的 可 读 性 ， 
减少 程序 出 错 几率 )。 如 果 在 程序 中 使 用 该 语句 ， 则 所 有 的 变量 必须 先 声 明 ， 然 后 才能 使 
用 ， 否 则 就 会 出 错 。 

Option Explicit 语句 必须 位 于 ASP 处 理 命令 之 后 以 及 任何 HTML 文本 或 脚本 之 前 。 

语法 格式 : Option Explicit 

示例 : 


U ht 设计 基础 与 应 用 


<%Q@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> 
<%Option Explicit 

dim username 

dim pass 

多 > 


变量 的 赋值 运算 符 为 “=”( 它 不 等 同 于 等 号 )。 变 量 在 表达 式 的 左边 ， 要 赋 的 值 在 表 
达 式 的 右边 。 变 量 的 所 赋值 可 以 为 字符 串 、 数 值 和 表达 式 等 。 
语法 格式 : 变量 名 = 变量 值 


示例 : 
username=" 苦 涩 咖啡 " // 赋 予 变量 username 字符 串 值 
n=1 // 赋 予 变量 n 数值 


4. 变量 的 作用 范围 
变量 的 作用 范围 是 指 变 量 从 定义 到 被 释放 的 生存 范围 ， 也 称 为 作用 域 ， 它 取决 于 变量 
的 声明 位 置 。 根 据 变量 作用 域 的 不 同 ， 可 以 将 变量 划分 为 局 部 变量 和 全 局 变量 。 
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@ ”局 部 变量 : 在 过 程 内 部 声明 而 具有 局 部 作用 域 ， 只 有 该 过 程 中 的 代码 可 以 访问 、 
修改 变量 值 ， 过 程 外 的 任何 参数 不 能 访问 该 变量 。 局 部 变量 会 随 着 所 在 过 程 的 结 
束 而 消亡 。 

@ ”全 局 变量 : 在 过 程 外 部 声明 而 具有 全 局 作用 域 ， 其 值 能 被 ASP 页 面 中 的 任何 脚 
本 命令 访问 和 修改 。 全 局 变量 会 随 着 脚本 运行 的 结束 而 消亡 。 


变量 可 以 使 用 相同 的 名 称 ， 而 且 改 变 某 一 个 变量 值 


并 不 会 影响 男 一 个 变 


示例 : 在 动态 网 站 开发 时 ， 程 序 代码 量 庞 大 ， 开 发 过 程 中 难免 会 出 现 相同 名 称 的 变 
量 。 此 时 应 利用 变量 的 作用 域 ， 这 样 可 以 有 效 避 免 变量 重 名 的 问题 。 例 如 ， 如 下 代码 返回 
的 值 为 “北京 ”， 如 下 图 所 示 ， 虽 然 程 序 中 有 两 个 名 为 X 的 变量 ， 但 在 过 程 prin 中 定义 
的 变量 X 为 过 程 级 变量 ， 在 此 过 程 之 外 无 效 。 

六 Es 

x=" 北 京 " 

call prin() 


response.Writé 
sub prin() 


-------.@EOE.-------- 


无 标题 文 焰 - window. .. 革 ] 右 | 区 | 
文件 四 ”编辑 EE) 查看 收藏 克文 ” 


* | http://localhost/ M4y 


请 安 | 砍 无 标题 文档 


将 代码 输入 <body> 标 记 
内 ， 按 F12 键 预览 


北京 


如 果 没有 声明 变量 ， 则 可 能 会 改变 一 个 局 部 变量 的 值 。 例 如 ， 下 面 代 码 返回 的 值 
为 “上 海 ”， 如 下 图 所 示 ， 原 因 是: 由 于 变量 没有 显 式 声明 ， 脚 本 引擎 认为 prin 过 程 
是 修改 脚本 级 变量 和 的 值 。 


<% 


x=" 北 京 " 将 代码 输入 <body> 标 记 

call prin() 内 ， 按 F12 键 预览 天 标题 文 当 - Wind.-。 司 占 | 区] 
zesponse .Write x SS | 文件 中 多 缮 Q) 查看 W) 收 康 实 ” 
el GE 人》 - 图 hpynaeeahesvy 同 
二" 二 > et 

end sub Lf 


5. 变量 的 使 用 方法 

在 ASP 文件 中 ， 使 用 变量 有 两 种 方法 。 
第 一 种 方法 是 采用 如 下 方式 。 
<$= 变 量 名 %> 
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如 : <s=xs> // 向 客户 端 显示 变量 X 的 值 

第 二 种 方法 是 采用 response.write 方法 ， 如 下 面 代码 所 示 。 
<sResponse .write (变量 名 ) $> 

如 : 向 客户 端 弹出 一 个 对 话 框 。 


<%response.Write ("<script>alert (' 欢 迎 登 录 ! ')</script>") 
response.End()$> 


6.3.5 ”使 用 同一 名 称 保存 多 个 可 变化 的 值 


在 编写 程序 时 通常 需要 处 理 大 批量 的 数据 ， 如 果 为 每 一 个 数据 创建 一 个 变量 ， 不 仅 会 
加 大 代码 量 ， 还 会 使 程序 难以 读 懂 ， 无 法 准确 找到 所 需 数 据 。 此 时 ， 可 以 使 用 数组 来 存储 
这 些 数 据 。 数 组 是 具有 相同 名 称 的 一 组 变量 ， 数 组 包含 多 个 元 素 ， 每 一 个 元 素 代 表 一 个 变 
量 ， 各 元 素 之 间 使 用 不 同 的 下 标 值 来 进行 区 分 

VBScript 脚本 数组 具有 如 下 特点 。 

@ 数组 在 使 用 之 前 需 先 定义 ， 通 常 使 用 Dim 语句 定义 数组 。 

@ 数组 下 标的 下 界 从 0 开始 。 

@ 同一 个 数组 中 可 以 包含 各 种 子 类 型 (如 字符 型 、 数 值 型 ) 的 数据 元 素 。 

1. 静态 数组 


静态 数组 是 指 已 经 指明 大 小 的 数组 ， 可 以 是 一 维 、 二 维 或 多 维 数组 。 数 组 的 维 数 和 大 
小 由 括号 中 的 数字 个 数 与 数值 大 小 来 决定 。 

语法 格式 : Dim 数组 名 (元 素 个 数 ) 

示例 : 定义 一 个 一 维 数组 与 一 个 二 维 数组 。 


Dim A(9) // 定 义 拥 有 10 个 元 素 的 一 维 数组 
Dim arr (3, 9) // 定 义 拥 有 40 个 元 素 的 二 维 数组 


VBScript 数组 是 基于 0 开始 的 ， 数 组 元 素 的 个 数 总 是 括号 中 的 元 素 个 数 加 1。 上 声明 


二 维 数组 时 ， 括 号 中 第 一 个 数字 表示 行 的 最 大 值 ， 第 二 个 数字 表示 列 的 最 大 值 。 如 : 
数组 arr(3，9) 共 有 (3+1) x (9+1)=40 个 变量 。 


动态 数组 是 指 在 程序 运行 过 程 中 数组 大 小 发 生变 化 的 数组 。 对 动态 数组 的 最 初 声明 可 
以 使 用 Dim 或 ReDim 语句 ， 但 括号 中 不 能 包含 任何 数字 。 
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示例 : Dim arr() // 声 明 一 个 动态 数组 arr 
虽然 动态 数组 声明 时 不 必 指 明 元 素 个 数 ， 但 在 使 用 它 之 前 必须 使 用 ReDim 对 其 进行 
新 声明 ， 以 确定 动态 数组 的 维 数 和 每 一 维 的 大 小 。 


jh 


示例 : 
Dim arr() // 声 明 动 态 数 组 arr 
Redim arr (3) // 为 动态 数组 arr 分 配 4 个 元 素 


Redim Preserve arr(10) // 重 新 为 动态 数组 arr 分 配 10 个 元 素 


重新 调整 动态 数组 大 小 的 次 数 是 没有 任何 限制 的 。 但 如 果 将 数组 调 大 ， 则 可 以 使 


用 Preserve 关键 字 保 证 原 有 数据 不 丢失 ; 而 如 果 将 数组 调 小 ， 则 原 有 数据 将 会 丢失 。 
当 重 新 调整 多 维 数组 时 ， 只 能 改变 最 后 一 维 的 最 大 值 。 


3. 为 数组 元 素 赋值 

数组 元 素 的 赋值 方法 同 变量 的 赋值 方法 相同 。 
示例 : 为 数组 元 素 赋值 。 

Dim arr (2) 

arr (0)=" 北 京 金 企 殷 " 


arr (1)="www.bjjqe.com" 


arr (2)=" 网 站 制作 " 
6.3.6 ”对 数据 进行 运算 

运算 符 是 完成 数据 操作 的 一 系列 符号 。 在 VBScript 中 包含 算术 运算 符 、 连 接 运 算 
符 、 比 较 运算 符 和 逻辑 运算 符 等 几 种 类 型 。 当 表达 式 中 运算 符 很 多 时 ，VBScript 将 按照 一 
定 的 顺序 计算 每 一 部 分 ， 该 顺序 称 为 运算 优先 级 。 

在 进行 运算 时 需要 按照 先 括号 内 后 括号 外 的 顺序 执行 ， 当 优先 级 相同 时 按照 从 左 至 右 
的 顺序 进行 运算 ，VBScript 运算 符 及 其 优先 级 如 下 表 所 示 。 


-GEG:-------- 


运算 符 类 型 | 运算 符 描述 说 明 
括号 
函数 如 : Abs(-10) 函 数 
A 指数 计算 数值 表达 式 的 乘 方 或 方 根 
加 负 号 取 数 值 表达 式 的 负 值 
和 乘 号 计算 两 个 数值 的 乘积 
了 / 除 号 将 两 个 数值 相 除 并 以 浮 点 数 表示 其 结果 
算术 运算 符 E 有 
\ 整除 号 将 两 个 数值 相 除 并 以 整数 表示 其 结果 
Mod 取 模 计算 两 个 数值 相 除 后 的 余数 
皇 加 号 将 两 个 数值 相 加 
和 减 号 将 两 个 数值 相 减 
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续 表 
运算 符 类 型 | 运算 符 描述 说 明 
连接 运算 符 | & 字符 串 连 接 | ”9 | 对 丙 个 表达 式 进行 字符 串 连 接 
等 号 10 | 比较 两 个 表达 式 是 否 相等 ， 相 等 则 返回 真 ， 否 则 
返回 假 
不 等 号 10 | 比较 两 个 表达 式 是 否 不 相等 ， 若 两 个 表达 式 不 相 
等 则 返回 真 ， 否 则 返回 候 
< 小 于 号 10 | 比较 两 个 表达 式 ， 若 第 一 个 表达 式 的 值 小 于 第 二 
个 表达 式 的 值 则 返回 真 ， 否 则 返回 候 
比较 运算 符 | > 大 于 号 10 | 比较 两 个 表达 式 ， 若 第 一 个 表达 式 的 值 大 于 第 二 
个 表达 式 的 值 则 返回 真 ， 否 则 返回 候 
过 小 于 等 于 10 | 比较 两 个 表达 式 ， 若 第 一 个 表达 式 的 值 小 于 或 等 
于 第 二 个 表达 式 的 值 则 返回 真 ， 否 则 返回 假 
= 大 于 等 于 比较 两 个 表达 式 ， 若 第 一 个 表达 式 的 值 大 于 或 等 
于 第 一 个 表达 式 的 值 则 返回 真 ， 否 则 返回 候 
本 对 象 相等 | 比较 两 个 对 象 的 引用 变量 ， 若 引用 的 是 同一 对 
象 ， 则 返回 真 ， 和 否则 返回 假 
Not 非 ” | 11 | 对 运算 进行 取 反 操作 ， 将 真 变 为 假 或 将 假 变 为 真 
And 与 | ele 结果 为 真 ， 若 两 个 表达 
式 都 为 假 时 ， 结 果 为 假 
逻辑 运算 符 | Or 或 Sg 4 要 有 一 个 为 真 ， 则 结果 就 为 真 ， 
若 两 个 表达 式 全 为 假 ， 则 结果 为 候 
Xor 时 | 当 两 个 表达 式 同 时 为 真 或 同时 为 假 时 ， 结 果 为 
假 ， 和 否则 为 真 


6.3.7 使 用 VBScript 自 带 功能 


如 果 想 灵活 快速 地 开发 和 


星 序 ， 对 一 些 重要 的 函数 是 一 定 要 掌握 的 。VBScript 提供 了 众 


多 的 内 部 函数 ， 使 用 这 些 函 数 可 以 很 快 地 完成 各 种 应 用 。 


数学 函数 主要 用 于 对 数值 数据 进行 计算 。 


常用 的 数学 函数 如 下 表 所 示 。 


Abs(nunm Log(num 返回 num 的 自然 对 数 
Atn(num) 返回 num 的 反正 切 Sen(num) 返回 num 的 符号 
Cos(num) 返回 num 的 余弦 Sqroum) 返回 num 的 平方 根 
Sinnum) 返回 num 的 正弦 Round(num) 对 num 进行 四 舍 五 入 
Tan(num 返回 num 的 正切 Rndnunm 返回 一 个 随机 数 
Explnum) 
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示例 : 将 如 下 代码 置 于 <body> 标 记 内 ， 演 示 数 学 函数 在 ASP 中 的 应 用 ， 最 终 效果 如 


下 图 所 示 。 


< 
const PI=3.1415926 


Response.Write"-215.2 的 绝对 值 : "&abs (-215.2) &"<br>" 


无 标题 文 阁 - Windovs --- 车 隔 ] 民 ] 
文件 四 


- 加 ie:maeeahesvV 同 ||[X| 


Response.Write"Cos (PI/3)="&cos (PI/2) &"<br>" 守 究 | 关于 
Response .Write"16 的 平方 根 : "&sqr (16) &"<br>" -215.2 的 绝对 值 ，215.2 
Response.Write"-15 的 符号 : "&sgn(-15)&"" Cos(PL3)=2.67948965850266E-08 


各 > 


2. 日 期 和 时 间 函 数 


16 的 平方 根 ，4 
-15 的 符号 ，-1 


期 和 时 间 函 数 主要 用 于 对 日 期 型 数据 进行 处 理 。 常 用 的 日 期 和 时 间 函 数 如 下 表 


所 示 。 
表达 式 描述 表达 式 描述 
Date 返回 系统 当前 日 期 Minute(Time 返回 给 定时 间 的 分 钟 数 
DateSerial(year.month.da. 返回 日 期 子 类 型 Second(Time, 返回 给 定时 间 的 秒 数 
Time0) 返回 当前 系统 的 时 间 Day(Date) 返回 给 定 日 期 的 天 数 
NowO 返回 当前 系统 的 日 期 和 时 间 | WeekDay(Date) | 返回 给 定 日 期 的 周 数 
Date Value 人 (String 将 字符 型 数据 转换 为 日 期 型 ‖ Month(Date 返回 给 定 日 期 的 月 份 
Hour(Time) 返回 给 定时 间 的 小 时 数 Year(Date) 返回 给 定 日 期 的 年 份 


示例 : 日 期 和 时 间 函 数 主 要 用 来 获取 服务 器 中 的 日 期 和 时 间 。 下 面 ， 将 如 下 代码 置 于 
<body> 标 记 内 ， 演 示 日 期 函数 在 ASP 中 的 应 用 ， 最 终 效 果 如 下 图 所 示 。 


当前 日 期 为 :<s=Date () $><br> 


当前 日 期 和 时 间 为 : <$=Now () $><br> 
当前 月 为 : <%=Month (Now () ) $><br> 
<%response .Write" 当 前 时 间 为 : "&time ()&""%> 


3. 字符 串 函数 


--------.@EOE.--------- 


表达 式 描 述 
Asc(str) 返回 str 第 一 个 字符 的 ASCII 码 值 
Len(str) 返回 str 字符 串 的 长 度 
Lease(str 将 str 中 的 所 有 字符 转换 为 小 写字 符 
Ucase(str) 将 str 中 的 所 有 字符 转换 为 大 写字 符 
Left(str,len) 返回 str 中 从 左 侧 开始 长 度 为 len 的 字符 串 
Midkstrstartlen 返回 str 中 第 start 个 字符 开始 长 度 为 len 的 字符 串 
Right(str,len) 返回 str 中 从 右 侧 开始 长 度 为 len 的 字符 串 
Ltrim(str) 清除 str 左 侧 的 空格 
Trim(str 清除 str 两 侧 的 空格 


InStrRev(start,str1 ,str2,method. 


从 strl 尾部 搜索 某 字 串 str2 第 一 次 出 现 的 位 置 


EE (11 


续 表 
表达 式 描 述 

返回 strl 与 str2 比较 的 结果 。 若 strl 小 于 str2 则 返回 -1; 若 两 字符 
串 相 等 则 返回 0;， 若 strl 大 于 str2 则 返回 1， 若 两 字符 串 中 某 一 字 
符 串 为 空 则 返回 Null。method 为 比较 方式 ，0 表示 二 进 制 比较 方 
式 ，1 表示 文字 比较 方式 

从 字符 串 strl 的 start 位 置 开始 找 st2， 若 有 返回 其 位 置 ， 否 则 返 
回 0 


InStr(start,str1,str2) 


L :itit 基础 与 应 用 


示例 : 字符 串 函数 在 VBScript 编程 中 使 用 频率 很 高 ， 需 要 重点 掌握 。 下 面 ， 将 如 下 
代码 置 于 <body> 标 记 ， 演 示 字 符 串 函数 在 ASP 中 的 应 用 ， 最 终 效果 如 下 图 所 示 。 
去 除 " user" 字 符 串 两 侧 空格 <s=Trim("” user")gs><br> E 标 是 文档 - windovs ... 攻 加 区] 


返回 "abcd" 串 中 的 前 3 个 字符 :<%=Left ("abcd", 3) s><br> 文才 四 ”如 各 四 二 看 WW 收 号 兴 W) 


- [mp /onnosd, | || [Xx 


"abcd" 第 4 个 字符 后 是 否 包含 
"cd":<%=Instr (4,"abcd", "cd")%><br> 


" "Wp", Ze= " 
字符 串 "a" 是 否 大 于 字符 串 "b": <%=strcomp ("a", "b",1)%> re 


ee 
6.3.8 让 VBScript 自 动 完成 某 些 操作 字符" 是 否 大 于 字符 br 1 


为 了 让 程序 更 有 效率 地 工作 ， 在 VBScript 中 可 以 将 一 些 经 常 使 用 的 操作 所 包含 的 代 
码 封装 为 一 个 过 程 ， 在 用 到 该 操作 时 ， 直 接 调用 相应 的 过 程 便 可 自动 执行 代码 完成 该 操 
作 ， 从 而 可 省 去 不 必要 的 时 间 。 

过 程 是 一 组 能 执行 指定 任务 的 脚本 代码 。 它 将 程序 功能 分 割 为 若干 较 小 的 逻辑 部 件 ， 
常用 于 执行 重复 的 任务 或 与 其 他 程序 共享 的 任务 ， 有 效 降低 了 程序 编写 的 复杂 性 ， 提 高 了 
程序 执行 效率 。VBScript 的 子 程序 和 函数 通称 为 过 程 。 子 程序 叫 Sub 过 程 ， 函 数 叫 
Function 过 程 。 

1. Sub 过 程 


Sub 过 程 是 包含 在 Sub 和 End Sub 之 间 的 一 组 VBScript 语句 。Sub 过 程 可 以 使 用 参 
也 可 以 不 使 用 参数 。 若 某 一 过 程 不 带 参数 则 必须 包含 空 括号 “QO” 
Sub 


尝 


End Sub 

调用 方式 如 下 。 

使 用 Call 语句 。 

Call 过 程 名 (参数 1， 参数 2……) 
不 使 用 Call 语句 。 


过 程 名 参数 1， 参 数 2… 


示例 : 将 如 下 代码 置 于 <body> 标 记 内 ， 在 客户 端 调 用 过 程 time， 弹 出 一 个 对 话 框 ， 
最 终 效果 如 下 图 所 示 。 


<script language="vbscript"> 


(0 


call openmsg(" 恭 喜 ， 你 中 奖 了 ! ") // "使 用 call 调用 过 程 并 传递 参数 值 


sub openmsg (mess) // "创建 过 程 openmsg， 携 带 一 个 参数 
msgbox mess // "弹出 一 个 对 话 框 ， 内 容 为 接收 的 参数 值 
end sub 

</script> 


调用 Sub 过 程 时 ， 若 不 使 用 Call 语句 则 输入 过 程 名 及 所 有 参数 ， 参 数 间 用 喜 号 隔 
开 ; 若 使 用 Call 语句 ， 则 必须 将 参数 用 括号 包含 起 来 。 


2. 自 定义 函数 Function 


Function 函数 是 一 组 包含 在 Function 和 End Function 间 的 VBScript 语句 。Function 函 
数 通 过 函数 名 返回 一 个 值 ， 该 值 是 在 函数 的 语句 中 赋予 函数 名 的 。Function 函数 也 可 以 带 
有 参数 ， 若 不 带 参数 需 包含 空 括号 “0”。 

Function 函数 的 语法 格式 如 下 。 

[Public | Private] Function name [ (参数 1， 人 参数 2，…… | 

[statements] 

[name=expression] 

[Exit Function] 

[statements] 


[name=expression] 
End Function 


参数 说 明 如 下 。 
@ ”Public: 表示 Function 函数 可 以 被 脚本 中 的 所 有 其 他 过 程 访问 (可 选 )。 
Private: 表示 Function 函数 只 能 被 声明 它 的 脚本 内 的 其 他 过 程 访问 (可 选 )。 
name: 一 方面 用 于 指定 Function 函数 的 名 称 ， 一 方面 用 于 标识 保存 函数 返回 值 
的 变量 。 其 规则 与 命名 变量 相同 。 
@ statements: 函数 中 将 被 执行 的 语句 组 。 
@ expression: Function 过 程 参 数 的 变量 列表 ， 各 变量 问 用 逗号 分 割 。 
@ Exit Function: 当 执行 该 语句 时 ， 将 退出 函数 体 ， 执 行 函数 外 的 语句 。 
示例 : 将 如 下 代码 置 于 <body> 标 记 内 ， 调 用 自 定义 函数 message， 显 示 文 本 信息 ， 最 
终 效果 如 下 图 所 示 。 
不 使 用 Call 语句 显示 : <br><%=show_message ("One Dream One World")%®><BR><br> 
使 用 Call 语句 显示 : <br><%call show_message ("北京 奥运 欢迎 您 1") $> 


----- ECC.---------. 


< 委 

Function show_message (msg) 
Response.Write msg&"<br>" 
show_message="welcome to beijing" 
End function 

$> 


= 


快乐 G 电 及 一 一 动态 网 站 设计 基础 与 应 用 


无 标题 文档 - Windows Internet Exp... [区 | 


文件 中， 编 铝 下 查看 中 收 豪 夫人 工具 
DO Burew/noeabey MS x 


富 办 | 正直 电 六 簿 


不 使 用 cali 理 句 显示 
One Dream One World 
welcome to beijng 


使 用 cali 语 句 显示 ， 
北京 奥运 欢迎 您 
s 居于 让 Etraet 


调用 函数 时 ， 使 用 Call 语句 或 不 使 用 Call 语句 ， 参 数 部 分 都 必须 使 用 括号 括 住 。 
通常 使 用 Call 语句 调用 函数 时 ， 函 数 不 带 回 返回 值 ; 不 使 用 Call 语句 调用 函数 时 ， 函 
数 通常 会 带 回 返回 值 。 


6.3.9 ”控制 程序 走向 


在 进行 编程 时 除了 使 用 基本 命令 外 ， 往 往 还 需要 一 些 程序 流程 控制 语句 ， 来 决定 程序 
的 执行 顺序 。VBScript 中 主要 有 如 下 流程 控制 语句 。 


1. 上 判断 语句 


用 于 判断 指定 表达 式 是 否 为 真 (例如 : 判断 用 户 登 录 时 输入 的 用 户 名 与 密码 是 否 正 
确 )， 若 为 真 则 顺序 执行 程序 代码 (用 户 可 享有 网 站 的 特殊 服务 )， 若 为 假 则 转向 执行 语句 
Else 或 End 下 后 面 的 语句 (提示 用 户 所 输入 的 用 户 名 或 密码 错误 )。 下 语句 可 以 嵌 套 (在 一 个 
判断 语句 中 可 以 包含 其 他 判断 语句 ) 使 用 。 

下 语句 的 语法 格式 如 下 。 

条 件 为 真 时 运行 单行 语句 。 

If 条 件 表达 式 Then 

程序 块 
End If 
条 件 为 真 或 假 时 分 别 执行 某 些 语 句 。 

If 条 件 表达 式 Then 

程序 块 1 

Else 

程序 块 2 

End If 

判断 多 重 条 件 时 ， 根 据 某 一 条 件 的 值 ， 确 定 程序 的 流向 。 


If 条 件 1 Then 
程序 块 1 

Else if 条 件 2 Then 
程序 块 2 

else 

程序 块 n 

End If 


示例 ; 将 如 下 代码 置 于 <body> 标 记 内 ， 创 建 一 个 函数 chk_user， 用 于 判断 指定 的 用 户 
是 否 为 已 注册 用 户 ， 是 则 欢迎 该 用 户 登 录 网 站 ， 否 则 提示 用 户 名 错误 。 最 终 效果 如 下 图 


<% 


sub chk user (username) / /创建 过 程 chk user 


if username="admin" then 


else 


第 6 章 ， 制作 ASF 动态 网 页 一 一 网 上 商城 制作 第 5 步 


// 判 断 接收 的 用 户 名 是 否 与 已 存在 的 用 户 名 admin 相同 


response.Write ("<script>alert (' 欢 迎 光 临 本 网 站 ! ')</script>") // 相 同 则 执行 此 语句 


response.Write ("<script>alert (' 用 户 名 错误 ! ')</script>") // 否 则 执行 此 语句 


end if 
end sub 


call chk user("admin") 


和 > 


// 结 束 if£ 判断 语句 


2. Do Loop 循环 语句 


Do Loop 循环 语句 用 于 实现 当 条 件 为 真 (True) 时 重复 执行 某 一 程序 块 。 根 据 循环 条 件 


出 现 的 位 置 ，Do Loop 语句 有 两 种 形式 。 
循环 条 件 出 现在 语句 首部 。 


Do[{While | Until} 条 件 ] 
程序 块 


[EEE Do] 
程序 块 
Loop 


循环 条 件 出 现在 语句 尾部 。 


Do 
[Exit Do] 


Loop [{WhilelUntil} 条 件 ] 


参数 说 明 如 下 。 


@ Exit Do: 可 以 在 Do Loop 循环 结构 中 的 任何 位 置 放置 任意 个 ， 用 于 退出 Do Loop 


循环 ， 通 常 与 判断 语句 (如 下 Then) 一 起 使 用 。 
@ Do While: 当 条 件 为 True 时 重复 执行 某 一 程序 块 (可 选 )， 当 条 件 为 假 时 退出 循环 。 


© Do Untl: 


本 


E 复 执行 某 一 程序 块 ， 当 条 件 为 True 时 退出 循环 。 


// 调 用 过 程 chk_user 并 传递 参数 admin 


----------.@OOE.----------- 


将 条 件 表 达 式 放置 在 语句 首部 表示 先 判断 条 件 是 否 为 真 ， 若 为 真 则 顺序 执行 循环 体 语 
句 ， 若 为 假 则 一 次 也 不 执行 循环 体 ， 直 接 执 行 循 环 体外 的 语句 ; 将 条 件 表达 式 放置 在 语句 
尾部 表示 先 执行 循环 体 ， 然 后 再 判断 条 件 是 否 为 真 ， 即 此 方式 最 少 执行 一 次 循环 体 。 

示例 : 将 如 下 代码 置 于 <body> 标 记 内 ， 求 数字 1 一 100 的 和 ， 最 终 效果 如 下 图 所 示 。 


<% 
dim i,sum 


(学 与 应 用 


i=1 

do while i<=100 

sum=sumt+i 

i=i+1 

Loop 

response.Write "1-100 的 和 为 : "&sum 
务 > 


3. For Next 循环 语句 


For…Next 用 于 执行 指定 循环 次 数 的 一 组 语句 ， 可 以 嵌 套 使 用 。 

For Next 语句 语法 格式 如 下 。 

For counter=start To end [step] 

程序 块 

[Exit For] 

Next 

参数 说 明 如 下 。 

@ ”counter: 用 做 循环 计数 器 的 变量 ， 不 允许 为 数组 元 素 或 自 定义 类 型 变量 。 

@ start:， counter 的 初 值 。 

@ end:， counter 的 终 值 。 

@ step: counter 的 步 长 ， 即 每 循环 一 次 counter 所 增加 的 值 。 若 不 指定 ， 默 认为 1。 

示例 ;将 如 下 代码 置 于 <body> 标 记 内 ， 使 用 For Next 结构 求 数 字 1 一 100 的 和 ， 最 终 
结果 如 上 图 所 示 。 


< 各 

dim sum 

For i=1 to 100 

sum=sum+i 

next 

response.Write "1-100 的 和 为 : "&sum 
$> 


实例 3 截取 网 上 商城 新 闻 标题 长 度 
在 网 页 显示 新 闻 标题 时 ， 如 果 新 闻 标题 字数 过 多 ， 长 度 超过 了 所 在 表格 宽度 ， 会 影响 
整个 网 页 的 版 式 ， 因 此 ， 需 要 对 新 闻 标题 长 度 进行 限制 。 


实例 目标 
对 网 上 商城 网 站 的 站 内 新 闻 栏 目 中 的 新 闻 标题 进行 截取 ， 若 超过 限制 长 度 ， 自 动 省 略 
多 余 文 字 ， 并 添加 省 略 号 。 最 终 效果 如 下 图 所 示 。 


文件 @) ”编辑 下 ) 查看 WW 收藏 天 4) 工具 QD) 竹 助 0D) 
SO” m/cdbost/ 好 | XX 


窜 安居 同 E 姑 -北京 全 企 .| 


20 
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制作 分 析 


当 网 站 某 一 新 闻 标 题 长 度 超过 限制 数值 时 ， 使 用 字符 串 截 取 函 数 自动 对 其 进行 截取 ， 
然后 为 其 添加 省 略 符号 。 


实例 素材 
人 Er [实例 效果 | 
操作 过 程 
在 网 上 商城 网 站 显示 新 闻 标 题 ， 并 对 标题 长 度 进行 限制 的 具体 操作 如 下 。 


素材 与 实例 \ 第 6 章 \ 实 例 3Veftasp 
素材 与 实例 \ 第 6 章 \ 实 例 3\defalut.asp 


促 1 将 文件 夹 “实例 3” 复 制 到 站 点 shop 内 
的 文件 夹 “ 第 6 章 ” 中 ， 打 开 文件 left.asp， 
将 光标 定位 在 news 表格 的 第 2 个 单元 格 中 。 


<% 
sql=" select top 8 * from [news] order by id desc” 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs. open sql, conmn, 3, 3 

do while not rs.eof 


囊 2 切换 为 代码 视图 ， 按 右 
图 所 示 ， 在 表格 news 的 第 
二 个 单元 格 内 输入 图 中 所 
示 代 公 。 


areet="PT3 


<% 
证 len(trim(rs("biaoti")))>10 then 

response. write left (trim(rs(biaoti")), 8)&"..." 
else 

response. write trim(rs("biaoti”)) 


end if © 


rs. movenext 


-GO@GOEG----------- 


loop E 
rs.close 
set rs=nothing 时 
%> 
Es, 


本 例 应 注意 以 下 问题 。 

@ ”程序 块 1: 使 用 sql 语句 查询 数据 表 news 中 的 前 8 条 记录 (数据 库 操作 请 参考 第 7 
章 内 容 )， 然 后 执行 Do Loop 循环 ， 当 查询 到 的 记录 集 (rs) 指 针 未 指向 最 后 一 条 记 
录 时 执行 循环 。 

@ ”程序 块 2: 在 循环 体 中 创建 一 个 超级 链接 <a>， 并 对 记录 集中 当前 记录 的 biaoti 


“el 


学 


字段 值 的 长 度 进行 判断 ， 若 该 字段 值 长 度 大 于 10 个 字符 ， 则 截取 当前 记录 biaoti 
字段 值 的 前 8 个 字符 ， 然 后 连接 “…” 字 符 串 ， 作 为 超级 链接 文本 (新 闻 标 题 ); 
若 该 字段 值 小 于 10 个 字符 ， 则 直接 将 当前 记录 的 biaoti 字段 值 作为 超级 链接 


文本 。 
@ 程序 块 3: 将 记录 集中 的 记录 指针 指向 下 一 条 记录 ， 然 后 执行 下 一 轮 循 环 ， 循 环 
结束 时 关闭 记录 集 rs。 


6.4 ASP 内 置 对 象 


虽然 脚本 语言 功能 十 分 强大 ， 但 是 仅仅 使 用 脚本 语言 是 无 法 完成 动态 网 站 编程 的 。 为 
此 ，ASP 提供 了 多 个 可 在 脚本 中 使 用 的 内 置 对 象 ， 通 过 使 用 这 些 对 象 可 以 完成 客户 数据 的 
提交 、 用 户 变量 的 创建 和 用 户 信 息 的 存储 等 操作 。 

面向 对 象 编程 中 ， 对 象 可 以 被 看 做 完整 实体 的 操作 和 数据 的 变量 。 用 户 使 用 对 象 时 通 
过 一 组 方法 和 相关 函数 的 接口 访问 对 象 的 数据 ， 然 后 调用 这 些 方法 执行 对 象 中 的 操作 。 

ASP 内 置 对 象 是 嵌入 在 系统 中 的 一 组 共享 代码 ， 它 由 系统 开发 商 根据 Web 应 用 程序 
的 需要 ， 将 一 些 常 用 操作 的 代码 经 过 优化 封装 得 来 ， 这 些 代码 通常 以 ActiveX 方式 能 入 在 
Web 服务 器 内 部 ， 因 此 ，ASP 内 置 对 象 也 称 为 ActiveX 对 象 。 

实例 4 ”使 用 Request 对 象 获取 用 户 注 册 信 息 

在 客户 机 /服务 器 架构 中 ， 客 户 端 经 常 需要 向 服务 器 提交 一 些 Web 页 面 信息 。 服 务 器 
端 可 以 使 用 Request 对 象 来 获得 这 些 信 息 。 此 外 ， 当 服务 器 端的 某 一 Web 页 面 需要 读 取 服 
务 器 端的 另 一 个 Web 页 面 提交 的 信息 ， 或 读 取 页 面 本 身 提 交 的 信息 时 也 需要 使 用 Request 
对 象 。 

Request 对 象 包含 的 信息 就 是 客户 端 浏览 器 发 送 到 服务 器 上 的 数据 。 这 些 数据 包括 
Cookie、ServerVariable 环境 变量 和 HTML 表单 传送 的 数据 等 。 

实例 目标 

在 网 上 商城 用 户 注 册页 面 的 表单 中 网 上 商城 一 北京 全 企鹅 文 化 发 展 中 忌 Window: nternet Explorer 


输入 用 户 注册 信息 ， 单 击 “ 注 册 ” 按 | 人 -主人 辣 人 
钮 ， 如 果 所 填写 的 信息 符合 用 户 注册 规 
则 ， 网 站 会 提示 用 户 注册 成 功 ， 并 且 网 
站 会 自动 将 用 户 注册 信息 存 入 数据 库 
中 。 最 终 效 果 如 右 图 所 示 。 


制作 分 析 : 

当 用 户 单 击 “ 注 册 ” 按 钮 时 ， 通 过 | 
HTML 表单 的 Post 方法 将 表单 数据 传送 上 
至 服务 器 端的 指定 文件 ， 文 件 所 包含 的 A 
程序 会 通过 Request 对 象 接收 客户 端 提 荐 


交 的 数据 ， 然 后 在 数据 库 中 对 提交 的 用 
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户 名 进行 查询 ， 若 没有 该 用 户 ， 则 将 注册 信息 写 入 数据 库 中 ， 和 否则 会 提醒 用 户 “ 用 户 名 已 
使 用 ”。 


实例 素材 
$9 Fo [实例 效果 | 
操作 过 程 
获取 网 上 商城 网 站 用 户 注册 信息 的 具体 操作 如 下 。 
(1) 将 文件 夹 “ 实 例 4” 复 制 到 站 点 shop 内 的 文件 夹 “第 6 章 ” 中 ， 打 开 文 件 
reg.asp， 将 光标 定位 在 “用 户 注册 ” 任 一 单元 格 内 ， 单 击 文档 左下 角 标 签 选择 器 <form> 标 
签 选 中 表单 ， 在 其 属性 栏 中 设置 “动作 ”的 值 为 reg.asp， 如 下 图 所 示 。 


素材 与 实例 \ 第 6 章 \ 实 例 4 
素材 与 实例 \ 第 6 章 \ 实 例 小 最 终 效 果 


到 | 癌 人 wt Ee] 已 有 [一 


pyfor® ] 方法 |POST Ed MINE 类 型 


在 本 例 中 ，request 对 象 所 接收 的 所 有 值 均 为 form 表单 中 的 某 一 元 素 值 (通过 元 素 名 
称 进行 引用 )。 切 换 为 Dreamweaver 设计 视图 后 ， 单 击 某 一 表单 元 素 ， 在 其 属性 栏 中 可 
修改 元 素 名 称 和 类 型 。 


表单 属性 面板 中 各 选项 的 含义 如 下 。 

@ 表单 名 称 : 用 于 指定 表单 的 名 称 。 

@ 动作 : 用 于 设 定 表单 数据 的 url 地 址 ， 即 接收 表单 数据 的 文件 路 径 ， 本 例 将 表单 
数据 提交 给 自身 。 

@ 目标 : 用 于 指定 输入 数据 后 的 结果 将 显示 在 哪个 窗口 。 

e@ 方法: 用 于 指定 数据 传送 到 服务 器 的 方式 。 有 两 种 方式 ， 当 method=get 时 ， 会 
将 输入 数据 加 在 action 指定 的 地 址 后 面 传送 到 服务 器 ， 当 method=post 时 会 将 数 
据 按 照 HTTP 中 的 post 传输 方式 传送 到 服务 器 。 

@ 。 MIME 类型: 对 提交 给 服务 器 进行 处 理 的 数据 指定 所 使 用 的 MIME 编码 类 型 。 
通常 不 需 设置 ， 使 用 其 默认 值 即 可 。 

(2) 切换 为 代码 视图 ， 在 文档 头 部 输入 下 面 所 示人 代码， 运行 文档 即 可 。 

证 request ("action")="add" then //' 隐藏 提 交 action 的 值 如 果 为 add a 


sql="select * from [user] where name='"g&trim(request ("user"))g&" 


dy® 按 归 交 的 用 户 名 进行 查询 


-1GG@@EG:---------- 


“(Il 


重 
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set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then //' 如果 记 录 集 没有 到 结尾 则 执行 
response.Write ("<script>alert (' 该 用 户 名 已 经 被 注册 !'); 
history.back();</script>") 
response.End 
end if 
rs.close //' 关 闭 记 录 集 
set rs=nothing 
sql="select * from [user]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 //' 以 写 入 方式 打开 记录 和 集 
rs.addnew // "添加 新 记录 
rs("name")=trim(request ("user")) 

/7' 将 表单 提交 的 user 值 存储 到 数据 表 user 中 的 name 字段 中 
rs("pass")=trim(request ("pass")) 
rs("mail")=trim(request ("mail")) 
rs("youbian")=trim(request ("youbian")) 
rs("xingming")=trim(request ("xingming")) 
rs("shenfenzheng")=trim(request ("shenfenzheng")) 
rs("tel")=trim(request ("tel")) 
rs("qq")=trim(request ("qq")) 
rs("tishi")=trim(request ("tishi")) 
rs("huida")=trim(request ("huida")) 
rs("dizhi")=trim(request ("dizhi")) 
rs("shijianl")=now() // 注册 时 间 
rs("cishu")="0" //' 登录 次 数 设置 为 0 
rs.update 
rs.close 
set rs=nothing 

//' 设 置 rs 对 象 的 什 为 室 ， 然后 使 用 response 对 象 向 客户 端 弹出 注册 成 功 对 话 杠 
response.Write("<script>alert(' 注 册 成 
功 !') ;window.location.href='index.asp';</script>") 
end if 
%> 


本 例 应 注意 以 下 两 方面 。 

@ ”使 用 Request 对 象 接收 action 的 值 ， 若 该 值 为 add( 表 示 有 人 在 注册 用 户 )， 则 对 提 
交 的 用 户 名 进行 查询 ， 查 看 数据 库 中 是 否 已 有 该 用 户 ， 若 有 则 弹出 提示 对 话 框 ， 
否则 将 该 用 户 的 注册 信息 添加 到 数据 库 中 。 

@ ”将 用 户 注册 表单 中 的 每 一 项 信息 添加 到 数据 库 中 与 之 相对 应 的 字段 当中 后 ， 系 统 
会 向 客户 端 弹 出 对 话 框 ， 提 示 用 户 注册 成 功 。 

在 使 用 Request 对 象 时 应 遵循 一 定 的 规则 。Request 对 象 的 语法 格式 如 下 : 


Request [collection | property | method] (variable) 


参数 说 明 如 下 。 

@ collection: 表示 内 置 对 象 的 集合 。 

@ ”property: 表示 内 置 对 象 的 属性 。 

@ method: 表示 内 置 对 象 的 方法 。 

@ variable: 表示 集合 、 属 性 与 方法 的 值 。 

示例 : Request.form("name") //' 读 取 前 一 网 页 提交 表单 中 name 所 存储 的 数据 
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在 使 用 Request 对 象 时 ， 可 以 使 用 直接 的 方法 访问 Request 对 象 的 所 有 成 员 。 如 : 


Request("name"). 


当 省 略 具体 的 集合 名 称 时 ，ASP 会 按 以 下 顺序 来 搜索 集合 : QueryString、Form、 
Cookie、ServerVariable、ClientCertificate。 当 发 现 第 一 个 匹配 的 变量 时 ， 就 认定 是 要 访 
问 的 成 员 ， 容 易 出 现 因 不 同 集合 的 变量 重 名 而 获取 错误 值 的 问题 ， 因 此 ， 建 议 尽 量 少 
用 此 方法 。 本 例 为 节省 空间 暂 用 此 方法 进行 讲解 。 


对 象 的 使 用 必须 参考 相应 对 象 的 方法 、 属 性 和 相关 事件 。Request 对 象 的 集合 、 属 性 
和 方法 及 其 含义 如 下 表 所 示 。 


Request 对 象 描 述 
Form 集合 存 取 用 户 在 窗 体 中 输入 的 相关 字段 的 值 ， 读 取 客 户 端 浏览 器 使 用 Post 方法 
提交 的 数据 
QueryString 集合 作为 数据 库 查询 用 的 变量 ， 通 常 跟随 在 URL 的 “? ”之 后 ， 在 页 面 的 参数 
传递 中 ， 读 取 客 户 端 浏览 器 以 Get 方法 提交 的 数据 
ServerVariables 预定 环境 变量 的 值 


BinaryRead(count) 方 法 | 当 使 用 Post 方法 发 送 请 求 时 ， 从 请 求 的 数据 中 获得 count 字 节 的 数据 ， 返 
回 一 个 数组 。 注 意 : 使 用 Request.Form 集合 之 后 ， 便 不 能 使 用 BinaryRead 
方法 ; 使 用 BinaryRead 方法 之 后 ， 便 不 能 使 用 Request.Form 集合 


TotalBytes 属性 返回 由 客户 端 发 出 请 求 的 字符 流 的 字 节 数量 ， 是 一 个 只 读 属性 

ClientCertificate 集合 获取 客户 端 浏 览 器 的 身份 确认 信息 

Cookies 集合 Cookies 是 以 客户 端 硬盘 为 存储 介质 的 一 个 独立 存储 空间 。ASP 程序 可 以 利 
用 它 将 一 些 变量 定义 在 该 集合 中 ， 并 可 以 使 用 Request.Cookies(" 变 量 ") 将 其 
中 的 变量 取出 来 


此 外 ， 当 使 用 表单 的 GET 方法 向 ASP 传送 数据 时 ， 数 据 将 被 保存 在 QueryString 集 
合 中 。 服 务 器 端 可 以 使 用 Request.QueryString 集合 读 取 表 单 使 用 GET 方法 传送 的 数据 。 

语法 格式 为 : Request .QueryString (variable) [index | count] 

参数 说 明 如 下 。 

@ variable: 变量 名 。 

eindex: 变量 索引 ， 对 于 表单 中 的 多 个 按钮 或 复 选 框 ， 将 产生 多 个 同名 变量 ， 这 

时 可 以 使 用 index 参数 指定 读 取 同 名 变量 中 的 第 几 个 (可 选 )。 

@ count: 变量 统计 数 ， 用 于 确定 有 几 个 同名 变量 (可 选 )。 

示例 : 在 “实例 4” 文 件 夹 中 ，6-1.html 用 于 输入 表单 数据 ， 单 击 “提交 ”按钮 会 将 
表单 数据 传送 至 6-1.asp 中 ， 如 左下 图 所 示 ，6-1.asp 用 于 读 取 并 显示 提交 的 数据 ， 如 右 下 
图 所 示 。 

将 如 下 代码 置 于 6-1.html 中 的 <body> 标 记 内 (创建 表单 和 表单 元 素 的 源 代码 )， 运 行 后 
在 文本 框 中 输入 数据 。 


--------.@EOE.--------- 
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<form id="forml" name="forml" method="get" action="6-1.asp">// 创 建 表 单 开始 标记 
<input name="user" type="text" id="user"” size="20" /><br>// 创 建 “ 用 户 名 ”文本 框 
<input name="pass" type="password" id="pass" size="20" /><br>// 创 建 “ 密 码 ”文本 框 
<input type="submit" name="Submit" value=" 提 交 " /> // 创 建 “ 提 交 ” 按 钮 


</form> // 表 单 结束 标记 
将 如 下 代码 置 于 6-1.asp 中 的 <body> 标 记 内 ， 当 单 击 6-1.html 中 的 “提交 ”按钮 时 ， 
便 会 运行 此 文件 。 


用 户 名 为 : <%=request .QueryString ("user")%><br> 
密码 为 : <%=request .QueryString ("pass")%> 
fora 表 单 Microsoft Intern... 


文件 于 编辑 时) 查看 如 收 戈 天) 工具 


文件 四 编辑 到 ) 查看 W) 收藏 天 和) 工具 CD) ” 


GD- FF 
| 安安 Brent mm 


GT- tr 区 


突 安 网 torm 表 单 从 - 


用 户 名 为 : 丁 伟 
密码 为 ，123456 


梧 @@aeme 


实例 5 使 用 Response 对 象 显示 商品 分 类 信息 
在 网 站 服务 器 接收 到 用 户 的 某 种 请 求 或 向 客户 端 显示 某 类 信息 时 ， 需 要 向 客户 端 发 送 
数据 ， 在 ASP 中 使 用 Response 对 象 控制 发 送 给 用 户 的 信息 。 包 括 直接 发 送 给 浏览 器 的 信 
息 、 重 定向 浏览 器 到 另 一 个 URL 或 设置 Cookie 的 值 等 。 
实例 目标 
在 网 上 商城 网 站 商品 分 类 页 面 ， 显 示 商 品 分 类 信息 ， 每 个 分 类 名 称 都 有 超级 链接 ， 用 
户 可 以 根据 实际 情况 选择 商品 类 型 。 最 终 效 果 如 下 图 所 示 。 
网 上 商城 -- 北 京 全 企 息 文化 发 展 中 心 - Windows Internet Explorer 
文件 EF) ” 咳 辑 区 ) 查看 WW 收 某 来 如 ) 工具 CD) 帮助 0 


GO Ew /Noa /R /NR/sort vs x je 
帘 安 “外 同 上 商城- 北京 人 全 类 文化 发 展 中 心 |] : 偷 - 回 - 柄 -时 76m- 全 ITRO- 


【六 话 六 件 套 ( 合 【 龙 土 法 1100m1 中 
林彬) 长 方 们 是 合 】 


£2 【市 场 价 : 22] 
【会 员 价 : 141.2】 

ea 【查看 信息 】 
【购买 商品 ) 


【 训 览 次 数 : 2 了 【浏览 次 数 : 4 


当前 ! 页 条 2/1 页 嗣 革 到 ”大 四] 


制作 分 析 
利用 SQL 语句 查询 数据 库 中 的 商品 分 类 名 称 ， 通 过 Response 对 象 将 查询 到 的 数据 显 
示 在 网 页 的 相应 位 置 。 
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| 四 | 铬 一 素材 与 实例 ' 第 6 章 \ 实 例 5 
[实例 效果 | | 素材 与 实例 \ 第 6 章 \ 实 例 5\ 最 终 效 果 

操作 过 程 

在 向 客户 端 输出 内 容 之 前 ， 需 要 将 光标 定位 在 网 页 中 要 显示 该 内 容 的 位 置 。 在 网 上 商 
城 网 站 显示 商品 分 类 信息 的 具体 操作 如 下 。 

(1) 将 文件 夹 “ 实 例 5” 复 制 到 站 点 shop 内 的 文件 夹 “ 第 6 章 ” 中 ， 打 开 文 件 
sortasp， 选 中 表格 clas， 如 下 图 所 示 。 


sort. asp 0 


上 | 喇 f 玛 | 于 折 分 | 国 训 | 散 标本: 
到 Pn mn i 6 


EC CO Ctr> Gta cript> [Wy Q 00% v563 x 140v 和 9k/j7 秒 


(2) 切换 为 代码 视图 ， 在 表格 clas 的 起 始 标 记 <table> 下 方 ， 输 入 如 下 代码 。 

< 多 

i=0 

sql="select * from [bigclass] order by paixu" //' 查 询 所 有 大 类 

set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

do while not rs.eof 

i=i+1 // ' 目 的 是 为 了 定义 名 称 不 同 的 单元 格 (TD) 名 称 

多 > 

此 段 代 码 首先 利用 SQL 语句 查询 bigclass 数据 表 中 的 商品 大 类 信息 ， 然 后 利用 循环 语 
句 判 断 所 查询 到 的 记录 集 指针 是 否 已 经 指向 尾 记 录 ; 若 没有 ， 表 示 有 符合 条 件 的 记录 ， 将 
执行 循环 体 显示 商品 分 类 信息 。 

(3) 切换 为 设计 视图 ， 将 光标 定位 在 表格 bigc 的 第 3 个 单元 格 中 ， 如 下 图 所 示 。 


| sort. asp EE 


-----------@@@@G:----------- 


Bi EE 图 
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(4) 切换 为 代码 视图 ， 在 表格 bige 的 第 3 个 单元 格 中 输入 如 下 代码 。 


<sresponse.Write rs("mingcheng") $> /7 ' 输 出 大 类 名 称 


“el 


此 行 代码 用 于 向 客户 端 浏览 器 输出 所 查询 记录 集中 当前 记录 的 mingcheng 字段 值 ， 该 
值 将 显示 在 表格 bigc 的 第 3 个 单元 格 中 。 
(5) 切换 为 设计 视图 ， 选 中 表格 smallce， 如 下 图 所 示 。 


(学 与 应 用 


上 


ba 


(6) 切换 为 代码 视图 ， 在 表格 smallc 的 起 始 标记 <table> 下 方 ， 输 入 如 下 代码 。 


< 

sql2="select * from [class] where bigclassidq="&rs("id")&" order by id 
desc" 

set rs2=Server.CreateObject ("ADODB.Recordset") 

rs2.0open sql2,conn,3,3 

do while not rs2.eof 

多 > 


此 段 代码 首先 利用 SQL 语句 查询 数据 库 中 class 数据 表 中 是 否 有 属于 当前 大 类 (rs 记 
录 集 中 当前 记录 的 id 字段 值 ) 的 记录 ; 若 有 将 执行 循环 体 ， 显 示 该 大 类 所 包含 的 小 类 
(7) 切换 为 设计 视图 ， 将 光标 定位 在 表格 displayc 的 第 2 个 单元 格 中 ， 如 下 图 所 示 。 


sort, aspk Bey 


| 回 仿 | 图 摘 | 国 这 村 杰 : 


| 
nu> Ctable#smallc> Ctr> <ta> Cdiv> <table#aisplarc> <tr》 [RDA Io% ve20 x 134v 50K/8 


(8) 切换 为 代码 视图 ， 在 表格 displaye 的 第 2 个 单元 格 中 输入 如 下 代码 。 

<a href="class.asp?id=<%=rs2("id")%>" target="class"> 

<%Sresponse.Write rs2("mingcheng") %></a> 

此 段 代 码 创 建 一 个 超级 链接 ， 链 接 到 文档 class.asp， 在 链接 文档 时 会 携带 一 个 参数 
id，id 的 值 为 rs2 记录 集中 当前 记录 的 id 字段 值 。 链 接 文本 为 rs2 记录 集中 当前 记录 的 
mingcheng 字段 值 。 

(9) 切换 为 设计 视图 ， 选 中 表格 smallc， 然 后 切换 为 代码 视图 ， 在 表格 smallc 的 结束 
标记 </table> 前 方 输入 如 下 代码 。 


< 
rs2.movenext 


(2 
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loop 
各 > 


此 段 代 码 将 rs2 记录 和 集中 的 记录 指针 指向 当前 记录 的 下 一 条 记录 (rs2.movenext)， 重 新 
执行 循环 ， 显 示 当 前 大 类 中 的 其 他 小 类 商品 信息 。 

(10) 切换 为 设计 视图 ， 选 中 表格 clas， 然 后 切换 为 代码 视图 ， 在 表格 clas 的 结束 标记 
</table> 之 前 的 客户 端 脚 本 上 方 ， 输 入 如 下 代码 ， 运 行文 档 即 可 。 


< 各 
rs.movenext 
loop 

多 > 


在 使 用 Response 对 象 时 应 遵循 一 定 的 规则 。Response 对 象 的 语法 格式 如 下 。 


Response.collection | property | method 


Response 对 象 的 属性 如 下 表 所 示 。 


属 性 描 _ 述 
Buffer 表示 页 面 输出 是 否 缓冲 ， 值 为 Tmue 时 启用 ， 值 为 False 时 不 启用 。 启 用 后 所 有 输 
出 到 客户 端的 信息 都 会 暂时 存 入 缓冲 区 ， 一 直到 整个 ASP 程序 执行 结束 才 下 载 
Expires 设置 浏览 器 页 面 缓存 刷新 的 间隔 时 间 ( 以 分 钟 为 单位 ) 
ExpiresAbsolute ”| 指定 浏览 器 页 面 缓存 刷新 的 具体 时 间 
CotentType 指定 即将 被 送 到 客户 端 浏览 器 的 信息 类 型 ， 默 认为 textW/HTML 
Status 服务 器 返回 的 状态 行 的 值 ， 在 调试 时 可 以 通过 该 参数 确定 服务 器 的 执行 状态 ( 包 
括 状态 码 和 说 明 ) 
Response 对 象 的 常用 方法 如 下 表 所 示 。 
天 东 描 述 


Write 将 字符 串 发 送 到 客户 端 浏览 器 ， 若 发 送 的 为 纯 字 符 串 ， 则 浏览 器 会 将 其 全 部 显示 出 来 ， 
若 发 送 的 为 HIML 标记 符 ， 则 浏览 器 会 对 其 进行 解释 执行 

Redirect | 可 以 通过 浏览 器 重新 定位 到 另 一 URL 上 

Flush 刷新 缓冲 区 信息 并 将 当前 缓冲 区 中 的 所 有 信息 发 送 至 客户 端 (在 Buffer 设置 为 True 的 情 
况 下 才 可 以 使 用 ) 


---------@OCOC.--------- 


Clear 可 将 当前 HTML 缓冲 区 中 Response 的 信息 内 容 全 部 清除 (在 Buffer 设置 为 Tme 的 情况 下 
才 可 以 使 用 ) 
End 立即 停止 当前 正在 处 理 的 .asp 文件 ， 并 且 返 回 当前 缓冲 区 中 所 有 信息 


实例 6 使 用 Server 对 象 获取 数据 库 路 径 

在 制作 动态 网 站 时 ， 必 然 要 涉及 访问 数据 库 的 问题 。 在 ASP 中 访问 数据 库 有 两 种 方 
法 。 一 种 是 使 用 系统 DSN 访问 数据 库 ( 当 服 务 器 为 本 地 服务 器 时 通常 采用 此 方法 )， 使 用 
此 方法 时 必须 先 配 置 ODBC 数据 源 ; 另 一 种 是 使 用 非 DSN 访问 数据 库 ( 目 前 最 流行 的 数据 
库 连 接 方 式 )， 使 用 此 方法 时 不 需要 配置 ODBC 数据 源 ， 只 需要 知道 数据 库 所 在 位 置 即 
可 。 在 网 络 中 获取 数据 库 路 径 可 以 使 用 Server 对 象 的 MapPath 方法 。 


“(ll 


快 条 电脑 一 动态 网 站 设计 基础 与 用 


Server 对 象 是 专 为 服务 器 上 的 特定 任务 而 设计 的 ， 它 用 于 提供 对 服务 器 上 的 方法 和 属 


性 的 访问 。Server 对 象 的 属性 和 方法 如 下 表 所 示 。 


名 称 描述 


ScriptTimeout 属性 “| 可 用 来 设置 某 个 脚本 的 运行 期 限 


Execute 方法 用 于 停止 当前 网 页 ， 转 到 新 的 网 页 执行 ， 执 行 完 毕 后 返回 原 网 页 ， 继 续 执行 


Execnute 方法 后 面 的 语句 


HTMLEncode 允许 用 户 对 特定 的 字符 串 进行 HTML 编码 ， 它 可 以 将 字符 串 中 的 HTML 标记 


Mi 


字符 转换 为 字符 实体 ， 如 : 将 “>” 转 化 为 “&gt; ” 
Path 方法 可 将 相对 路 径 或 虚拟 路 径 映射 为 物理 路 径 


CreateObject 方法 用 于 创建 服务 器 组 件 的 对 象 模型 


时 ， 


数 、 


本 例 所 使 用 的 Access 数据 库存 放 在 站 点 根 目 录 database 文件 夹 中 ， 在 连接 数据 库 
只 需要 应 用 如 下 代码 即 可 获得 数据 库 的 完整 路 径 (数据 库 操作 请 参考 第 7 章 )。 
Server.MapPath ("/database/shop.mdb") 

实例 7 使 用 Session 对 象 存储 用 户 私 人 信息 

在 登录 个 别 网 站 时 ， 经 常会 看 到 一 些 用 户 的 登录 信息 ， 如 用 户 名 、 登 录 该 网 站 的 次 
最 后 一 次 登录 的 时 间 等 ， 这 些 信 息 通常 由 Session 保存 。 

Session 是 目前 网 站 制作 中 广 为 应 用 的 一 个 对 象 ， 主 要 用 于 存储 个 人 会 话 信息 。 它 具 


有 如 下 特点 。 


@ 生存 周期 : 简单 来 说 ，Session 是 一 个 会 话 过程 。 指 的 是 用 户 在 浏览 某 个 网 站 
时 ， 从 进入 网 站 到 浏览 器 关闭 所 经 过 的 这 段 时 间 ， 也 就 是 用 户 浏览 这 个 网 站 所 花 
费 的 时 间 ( 在 ASP 中 可 以 对 Session 的 活动 时 间 进 行 设置 )。 

@ ”活动 范围 ， 可 以 在 任何 时 间 从 任何 页 面 对 其 进行 访问 。 

存储 位 置 Session 存储 在 网 站 服务 器 中 。 

@ ”存储 对 象 ， 用 来 存储 整个 用 户 会 话 过 程 中 需要 一 直 保 持 其 状态 的 信息 。 例 如 用 户 
登录 网 站 后 需要 保存 其 用 户 名 ， 否 则 在 浏览 网 站 其 他 页 面 时 ， 无 法 获取 该 用 户 的 
信息 。 

@ ”唯一 性 :Web 应 用 程序 为 每 个 用 户 都 生成 一 个 单独 的 Session 对 象 。 

Session 对 象 的 使 用 需 遵循 一 定 的 规则 。Session 对 象 的 使 用 方法 如 下 。 

1. 变量 定义 

客户 可 通过 变量 赋值 的 方式 定义 Session 对 象 中 的 变量 ， 格 式 如 下 。 

Session ("变量 名 ") = 值 

2. 信息 读 取 

应 用 程序 可 通过 给 定 的 变量 名 读 取 指 定 变量 的 值 。 如 : 显示 会 话 变量 中 的 信息 。 


<%=Session ("变量 名 ")%> 
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— EEN 制作 ASF 动态 网 页 一 一 网 上 商城 制作 第 5 步 


3. 清除 Session 对 象 


当 客户 的 应 用 结束 时 ， 应 该 清除 Session 对 象 ( 若 没 有 用 该 方法 清除 Session 对 象 ， 则 
当 Session 对 象 在 Timeout 规定 的 时 间 到 达 后 将 自动 清除 )， 格 式 如 下 。 


Session.Abandon 


4. Timeout 属性 


Timeout 属性 规定 了 客户 Session 对 象 的 使 用 时 限 ( 单 位 : 分钟， 默认 值 为 20 分 钟 ， 
其 格式 如 下 。 

<%Session.Timeout=5%> // 设 置 Session 对 象 的 使 用 时 限 为 5 分钟 

实例 目标 

利用 Session 对 象 存储 网 上 商城 登录 用 户 的 私人 信息 ， 包 含 用 户 的 用 户 名 、 最 后 一 次 
的 登录 时 间 和 登录 次 数 等 。 

制作 分 析 


在 用 户 输入 用 户 名 与 密码 之 后 ， 单 击 “ 登 录 ” 按 钮 会 转向 执行 文件 login.asp， 该 文件 
用 于 判断 用 户 身份 的 合法 性 ， 如 果 确 认 该 用 户 为 网 站 的 合法 用 户 ， 则 将 数据 库 中 保存 的 部 
分 用 户 信息 传递 给 Session 对 象 ， 否 则 提示 用 户 所 输入 的 用 户 名 与 密码 不 正确 。 


¢ > Er 实例 素材 素材 与 实例 \ 第 6 章 \ 实 例 7 
[实效 果 | 素材 与 实例 \ 第 6 章 \ 实 例 人 最 终 效果 


操作 过 程 


将 文件 夹 “ 实 例 7” 复 制 到 站 点 shop 内 ， 打 开 文 件 login.asp， 输 入 如 下 代码 ， 然 后 运 
行 该 实例 ， 便 可 以 对 网 站 登录 用 户 进行 合法 性 判断 ， 并 将 合法 用 户 的 部 分 信息 存 入 
Session 对 象 。 


< 多 
sql="select * from [user] where name='"&trim(request ("user"))&"';" 
//' 在 数据 库 中 查询 该 用 户 是 否 存在 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then /1'' 如 果 用 户 存在 
if rs("pass")=trim(request ("pass")) then 
/7' 将 数据 库 中 存储 的 密码 和 用 户 提交 的 密码 进行 比较 
session("shijian")=rs ("shijian2") 
session("cishu")=rs ("cishu") 
session ("user")=trim(request ("user")) 

//' 将 相关 的 信息 写 到 session 内 ， 以 便 随时 获取 
rs("shijian2")=now() // "将 最 后 一 次 的 登录 时 间 ， 也 就 是 当前 时 间 写 入 数据 库 
rs("cishu")=rs ("cishu")+1 /7' 对 数据 库 中 保存 的 用 户 登录 次 数 加 1 
rs.update 
response.Redirect ("index.asp") // "成 功 后 转 到 首页 

else // "如 果 密 码 不 一 样 
Session ("user")="" 
session("cishu")="" 
session ("shijian")="" 


----------.@OOOE.----------- 


“el 


response.End()  // "清除 所 有 与 用 户 有 关 的 信息 ， 并 转向 到 首页 
end if 
else //' 如 果 用 户 名 不 存在 
session("user")="" 
session("cishu")="" 
session("shijian")="" 
response. Write ("<script>alert (" 用 户 名 或 密码 错误 ! '); 
window.location.href="'index.asp';</script>") 
response.End() /7' 清 除 所 有 与 用 户 有 关 的 信息 ， 并 转向 到 首页 
end if 
rs.close 
set rs=nothing 
各 > 


£mivit 基础 与 应 用 
response. mee roe el 用 户 名 或 密码 错误 ! ') ; 
window.location.href="'index.asp';</script>") 


实例 8 显示 网 上 商城 用 户 登录 信息 

多 数 网 站 在 用 户 登录 之 后 ， 会 向 用 户 显示 欢迎 信息 或 用 户 登录 信息 ， 如 欢迎 某 某 用 户 
登录 网 站 。 此 功能 可 以 通过 应 用 程序 读 取 存 储 在 Session 中 的 用 户 信息 实现 。 

实例 目标 

当 用 户 登 录 网 上 商城 网 站 之 后 ， 在 网 页 中 的 指定 位 置 显示 实例 7 中 保存 在 Session 中 
的 用 户 信息 ， 最 终 效果 如 下 图 所 示 。 


网 上 商城 -北京 爹 企划 文化 发 展 中 属 Windows Interne 
文件 全 ) ”编辑 他 ) 查看 如 收藏 天 (4) 工具 I) 帮助 0D 
GO Ow /uo /Ri xX 
实例 | 辣 同 上 商 姑 一 北京 多 人 基文 化 发 ， 位- 目 - 吊 "已 I6o .你 IRU- 


《到 号) 
【市 场 价 : 】 
【会 员 价 : 】 
【查看 信息 】 ™ 
> 
各 100% 


和 本 地 Intranet 


制作 分 析 


使 用 Response 对 象 的 Write 方法 在 客户 端 网 页 中 的 指定 位 置 输出 一 个 表格 ， 在 表格 中 
显示 保存 在 Session 中 的 用 户 信息 。 


[ee 
[实效 果 | 
操作 过 程 
显示 网 上 商城 用 户 登录 信息 的 具体 操作 如 下 。 


(1) 将 文件 夹 “ 实 例 8” 复 制 到 站 点 shop 内 的 文件 夹 “ 第 6 章 ” 中 ， 打 开 文 件 
left.asp， 在 设计 视图 中 选中 “用 户 登 录 ” 图 标 ， 如 下 图 所 示 。 


素材 与 实例 \ 第 6 章 \ 实 例 8 
素材 与 实例 \ 第 6 章 \ 实 例 8\ 最 终 效果 
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本 人 ] 轴 QT vd xiv TKII 和 | 


(2) 切换 为 代码 视图 ， 在 栏目 图 标 所 在 行 的 结束 标记 </tr> 下 ， 输 入 如 下 代码 。 


< 
if session("user")<>"" then 

response.Write ("<tr><td height='34'><div align='center' > 您 共 登 录 了 
"gsession("cishu") +1&" 次 <br></div></td></tr> 

<tr><td height='34'><div align='center'> 上 次 登录 : 
"gsession("shijian")g&" </div> </td> </tr> 

<tr><td height='34'><div align='center' > 欢迎 "gsession ("user")&" 用 户 
</div></td> </tr>") 
else 
各 > 


此 段 代码 利用 用 户 名 判断 session 中 是 否 存储 了 该 用 户 ， 即 客户 端 是 否 有 用 户 登录 系 
统 ， 如 果 有 则 向 客户 端 输出 3 行 表格 (<tr></tr> 代 表 表格 行 标 记 ; <td></td> 代 表 表 格 单元 
格 标记 ;<div></div> 代 表层 标记 ， 在 此 用 于 设置 标记 所 包含 的 内 容 居 中 显示 )， 并 在 表格 
中 显示 存储 在 Session 中 的 用 户 信息 ; 如 果 没 有 用 户 登录 ， 则 执行 语句 else 之 后 的 语句 ， 
显示 用 户 登录 框 。 

(3) 切换 为 设计 视图 ， 选 中 表格 login， 如 下 图 所 示 。 

(4) 切换 为 代码 视图 ， 在 表单 结束 标记 (</form>) 之 前 输入 如 下 代码 ， 运 行 实例 即 可 。 


<%end if %> 


eft. asp ltt_ asp 


-----------@@@@G:----------- 


> dingy [NJ A fo vi9057TKAT 种 | 


间 与 答 


间 :; 什么 是 COM? 
管 : COM(Componet Object Model， 组 件 对 象 模型 ) 是 一 种 说 明 如 何 建 立 可 动态 互 变 
组 件 的 规范 。 


“(al 
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间 :; 什么 是 COM 组 件 ? 
管 : COM 组 件 是 以 Win 32 动态 链接 库 (DLIL) 或 可 执行 文件 (EXE) 形 式 发 布 的 一 组 可 
执行 代码 ， 它 遵循 COM 规范 。 
间 ; 什么 是 DLL? 
管 ， DLL 是 一 个 可 以 被 其 他 应 用 程序 共享 的 程序 模块 ， 它 不 可 以 单独 执行 ， 但 可 以 
Windows 应 用 程序 直接 或 间接 调用 。 
间 ; 什么 是 ActiveX? 
管 ， ActiveX 在 广义 上 是 指 微软 公司 的 整个 COM 架构， 如今 通 常用 于 称呼 基于 标准 
COM 接口 来 实现 对 象 连接 与 嵌入 的 ActiveX 控件 。 
说 : CodePage=936 是 什么 意思 ? 
管 ，CcodePage: 定义 在 浏览 器 中 显示 网 页 内 容 的 代码 页 。 代 码 页 是 字符 集 的 数字 
值 ， 不 同 的 语言 使 用 不 同 的 代码 页 。 例 如 简体 中 文 代码 页 为 936; ANSI 代码 页 为 1252; 
日 文 代码 页 为 932。 
间 :; GET 方法 与 POST 方法 的 区 别 是 什么 ? 
管 ， GET 方法 与 POST 方法 的 主要 区 别 如 下 表 所 示 。 


比较 项 目 POST 方法 
传送 方式 不 附加 在 URL 之 后 
传送 值 的 存放 点 标准 输入 
接收 数据 的 方法 Request 对 象 的 Form 对 象 


安全 性 以 看 到 传送 的 数据 ， 不 安全 看 不 到 数据 ， 安 全 


洞 ， 如 何 使 用 Cookies 设置 和 获取 客户 端 信息 ? 

管 ，Ccookie 是 一 种 标识 客户 的 标记 信息 ， 用 于 存放 网 站 用 户 同 服务 器 会 话 期 间 某 个 
应 用 程序 的 共享 信息 (如 用 户 名 )， 通 常用 于 客户 身份 验证 、 聊 天 室 等 方面 。 

在 ASP 中 ，Response 对 象 拥有 唯一 的 一 个 集合 ， 即 Cookies。 使 用 Cookies 可 以 设置 
Cookie 的 值 ， 若 指定 的 Cookies 不 存在 ， 则 会 创建 它 ; 若 存 在 ， 则 设置 的 新 值 会 蔡 换 原 
值 。 设 置 Cookies 的 语法 格式 如 下 。 

Response.Cookies (cookiename) [ (key) | -attribute]=value 

cookiename 用 于 指定 cookie 的 名 称 ; attribute 用 于 指定 cookie 自身 的 相关 信息 ; 若 指 
定 了 key， 则 cookie 将 被 设置 为 value，Response 的 Cookies 方法 属性 如 下 表 所 示 。 


属 性 描 述 
Expires 仅 可 写 入 ， 指 定 此 Cookies 的 到 期 时 间 
Domain( 网 域 ) 仅 可 写 入 ， 指 定 Cookies 仅 送 到 该 网 域 
了 Path( 路 径 ) 仅 可 写 入 ， 指 定 Cookies 仅 送 到 该 路 径 
Secure 仅 可 写 入 ， 设 置 此 Cookies 的 安全 性 
Hashkeys 只 读 ， 指 定 Cookies 是 否 包含 关键 字 ， 即 判定 Cookies 目录 下 是 否 包含 其 他 Cookies 
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间 : 需 不 需要 在 每 个 ASP 文件 的 开头 使 用 < % @LANGUAGE=VBScript % >? 

管 ， 在 每 个 ASP 文件 的 开头 使 用 < % @LANGUAGE=VBScript %> 代 码 是 用 来 通知 
服务 器 现在 使 用 VBScript 来 编写 程序 ， 但 因为 ASP 的 预 设 程序 语言 是 VBscript， 因 此 忽 
略 这 行 代码 也 可 以 正常 运行 ， 但 如 果 程 序 的 脚本 语言 是 JavaScript， 就 需要 在 程序 第 一 行 
间 明 所 用 的 脚本 语言 。 

间 ; 在 ASP 中 当 变量 的 生命 周期 结束 后 ， 有 几 种 保留 变量 内 容 的 方法 ? 

管 ， 任何 导致 网 页 结束 的 操作 ， 比 如 当 单 击 浏览 器 的 “刷新 ”按钮 ， 或 者 关闭 了 浏 
览 器 再 重新 打开 它 ， 都 会 导致 变量 生命 周期 的 结束 。 

如 果 希 望 在 网 页 结束 执行 时 ， 还 能 够 保留 变量 的 内 容 ， 以 备 下 一 次 执行 时 使 用 ， 就 可 
以 借助 Application 对 象 来 实现 。 比 如 可 以 利用 Application 对 象 来 制作 统计 网 站 访问 量 的 
计数 器 。 

Session 对 象 跟 Application 对 象 一 样 ， 可 以 在 网 页 结束 时 将 变量 的 内 容 存 储 下 来 ， 但 
是 与 Application 对 象 不 同 的 是 ， 每 个 联机 是 一 个 独立 的 Session 对 象 。 简 单 地 说 就 是 所 有 
联机 上 网 者 只 会 共享 一 个 Application 对 象 ， 但 每 位 联机 上 网 者 却 会 拥有 自己 的 Session 

Application 对 象 与 Session 对 象 可 以 帮助 我 们 把 信息 记录 在 服务 器 端 ， 而 Cookies 对 
象 则 会 借助 浏览 器 提供 的 Cookies 功能 将 信息 记录 在 客户 端 。 有 一 点 要 注意 ，Cookies 是 
记录 在 浏览 器 的 信息 ， 所 以 数据 的 存 取 并 不 像 存 取 其 他 ASP 对 象 (信息 存储 在 Server 端 ) 那 
么 简单 ， 就 实际 运行 来 看 ， 只 有 在 浏览 器 开始 浏览 Server 的 某 一 网 页 ， 而 Server 尚未 下 
载 任何 数据 给 浏览 器 之 前 ， 浏 览 器 才能 够 与 Server 进行 Cookies 数据 的 交换 。 

洞 ， 对 象 使 用 完 后 应 该 怎么 办 ? 

管 ， 当 使 用 完 对 象 后 ， 首 先 使 用 Close 方法 来 释放 对 象 所 占用 的 系统 资源 ， 然 后 设 
置 对 象 值 为 nothing 来 释放 对 象 占用 的 内 存 ， 和 否则 会 因为 对 象 太 多 导致 Web 服务 站 点 运行 
效率 降低 乃至 崩 尝 。 相 应 语句 如 下 。 

二 区 

对 象 .close 

set 对 象 = nothing 

$> 

间 ; 什么 是 ASP.NET? 它 与 ASP 有 什么 关系 ? 

管 : ASP(Active Server Pages， 活 动 服务 器 页 面 ) 就 是 一 个 比较 简单 的 编程 环境 ， 在 
其 中 ， 可 以 混合 使 用 HTML、 脚 本 语言 以 及 少量 组 件 来 创建 服务 器 端的 Internet 应 用 
程序 。 

ASP.NET 是 微软 力 推 的 功能 强大 的 编程 环境 ， 可 以 使 用 C# 等 多 种 高 级 语言 及 脚本 语 
言 、HTML、XML、XSL 等 来 创建 基于 网 络 的 应 用 程序 。ASP.NET 将 C# 作为 一 种 面向 
对 象 语言 ，C# 是 ASP.NET 开发 中 一 个 最 重要 的 功能 。 

ASP.NET 在 面向 对 象 性 、 数 据 库 连接 、 大 型 站 点 应 用 等 方面 都 优 于 ASP 程序 ， 
ASPNET 还 提供 更 多 的 其 他 方面 的 新 特性 ， 例 如 : 内 置 的 对 象 缓存 和 页 面 结果 缓存 ， 内 
置 的 XML 支持 ， 可 用 于 XML 数据 集 的 简单 处 理 等 。 
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ASPNET 依然 完全 锁定 在 微软 的 操作 系统 中 ， 要 真正 发 挥 ASPNET 的 潜力 ， 要 使 用 


C# 或 VB.NET。 这 两 种 语言 将 成 为 ASPNET 标准 的 核心 的 脚本 语言 。 


练 一 练 


利用 本 章 所 学 知识 使 用 表单 创建 一 个 用 户 登录 模块 ， 如 下 图 所 示 ， 将 其 保存 为 6- 
1.html， 接 着 创建 文件 6-1.asp， 用 于 接收 6-1.html 所 提交 的 表单 数据 ， 如 果 用 户 名 和 密码 
与 指定 的 用 户 名 和 密码 相同 ， 则 转向 执行 文件 6-1-1.html， 否 则 转向 执行 文件 6-1-2.html。 


无 标题 文档 - Windows Internet Explorer 基站 | 区 | 


文件 @) 编辑 FE) 查看 QW) 收 诚 夹 @) 工具 四 帮助 


~ | http:/flocalhost// | $9) XxX 


宽 安 | 虱 无 标题 文档 


用 户 名 [tn 


窒 码 : @@@eee E23 


辐 本 地 Intranet 


该 模块 的 制作 十 分 简单 ， 只 需 在 文档 6-1.html 中 插入 表单 及 其 元 素 ， 创 建 用 户 登 录 
模块 ， 在 文件 6-1.asp 中 设置 用 户 名 和 密码 的 初始 值 ， 使 用 证 判断 语句 对 提交 的 数据 进 
行 判 断 ， 最 后 使 用 Response.Redirect 方法 根据 判断 结果 转向 执行 相应 文件 即 可 。 
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网 上 商城 制作 第 6 步 


本 章 学 习 重 点 
只 通过 ASP 将 网 站 与 数据 库 连 接 
0 通过 ASP 操作 数据 库 


态 网 站 制作 的 核心 是 操作 数据 库 中 的 数据 ， 任 何 一 个 完整 的 应 用 都 离 不 开 数 据 库 的 
本 章 将 介绍 如 何 使 用 ASP 连接 与 操作 数据 库 。 


7.1 通过 ASP 将 网 站 与 数据 库 连 接 


果 想 在 网 站 中 使 用 数据 库 数 据 ， 必 须 先 建立 网 站 与 数据 库 的 连接 。 网 上 商城 网 站 使 
过 OLE DB 连接 数据 库 的 方式 。 


实例 1 通过 OLE DB 连接 网 上 商城 数据 库 


在 
Object) 


Access、 


ASP 中 ， 所 有 与 数据 库 相 关 的 操作 ， 都 离 不 开 ADO 的 参与 ，ADO(ActiveX Data 
是 数据 库 链接 技术 ， 使 用 它 可 以 轻松 完成 对 各 种 数据 库 的 查询 ， 如 SQL Server、 
Oracle 等 。 


ADO 组 件 包含 如 下 7 个 对 象 。 


其 
的 连接 
才能 进 


ke 
将 


中 使 
浏览 a 


Connection: 用 于 数据 库 的 连接 。 

Command: 定义 对 数据 源 操作 的 命令 。 

Parameters: 表示 Command 对 象 的 参数 。 

Recordset: 表示 由 数据 库 服务 器 返回 的 记录 集 。 

Fields: 由 数据 库 服务 器 所 返回 的 单一 数据 字段 。 

Property: 用 于 提供 属性 功能 

Error: 提供 处 理 错 误 的 功能 
中 Connection 对 象 是 网 页 通过 ADO 存 取 数 据 库 的 重要 手段 ， 它 主要 负责 与 数据 库 
操作 ， 其 他 对 数据 库 数据 的 添加 、 删 除 等 操作 ， 必 须 依 赖 于 Connection 对 象 的 连接 
行 。 
例 目标 


网 上 商城 网 站 与 Access 数据 库 shop 连接 。 在 未 连接 数据 库 之 前 ， 将 无 法 浏览 实例 
数据 库 数 据 的 网 页 文档 (如 index.asp)， 如 左下 图 所 示 ， 在 连接 数据 库 之 后 ， 可 正常 
实例 中 的 网 页 文档 ， 如 右 下 图 所 示 。 
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无 法 显示 网 页 - Windows Internet 本 el 网 上 商城 一 北京 全 企 物 文化 发 展 中 心 - Windows Inte... 攻占 | 攻 ] 


EE 编辑 下 ) ”查看 人 收 若 夫人 入 工具 人 0 Es 文件 四 ”编辑 @ 查看 外 收藏 赤 公 ) 工具 中” 才 助 中 


SO Bw/nocanosi lr |x | 舌 昌 -四 wwecamsv 国 wx 


和 辣 无 法 显示 网 页 pi 仿 - 目 -总 - 说 安 后 同上 :南城 -北京 2 全， | | | 丛 " 国 -篇 - 


IOTP 错误 500 100 - 内 部 服务 器 僧 误 -ASP 博 误 【 购 习 商品】 全 
Internet 信息 服务 告 [ 济 昨 六 数 : 了 
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制作 分 析 

在 创建 数据 库 连 接 时 最 好 将 数据 库 名 称 、 数 据 库 账户 和 密码 赋予 某 个 变量 ， 这 样 在 连 
接 其 他 数据 库 时 ， 直 接 修改 变量 值 即 可 ， 可 避免 因为 修改 数据 库 连 接 语句 而 出 现 无 法 访问 
数据 库 的 问题 。 


¢ Er [实例 素材 | 素材 与 实例 \ 第 7 章 \ 实 例 1 
[实例 效 果 | 素材 与 实例 \ 第 7 章 \ 实 例 ]\ 最 终 效 果 
操作 过 程 
将 文件 来“ 实例 1” 复 制 到 站 点 shop 内 的 文件 夹 “ 第 7 章 ” 中 ， 打 开 文 件 include\ 
conn.asp， 在 文档 顶部 <meta> 标 记 下 方 输入 如 下 代码 创建 数据 库 连接 。 最 后 运行 文件 


index.asp， 查 看 实例 最 终 效果 。 


< 多 

AccessDatabaseName="database/shop.mdb" 
AccessUserName="" 

AccessPassword="" 

Dim Conn,Connstr 

ConnStr = "Provider = Microsoft.Jet.OLEDB.4.0;Data Source = 
"&Server.MapPath ( 

AccessDatabaseName) &";User 
ID="&AccessUserName&";Password="&AccessPassword&";" 
Set Conn = Server.CreateObject ("ADODB.Connection") 
Conn.Open Connstr 

各 > 


本 例 中 相关 变量 说 明 如 下 。 
@ AccessDatabaseName 变量 : 用 于 保存 数据 库存 储 路 径 及 名 称 。 
AccessUserName 变量 : 用 于 保存 数据 库 账 户 。 
AccessPassword 变量 : 用 于 保存 账户 密码 。 
Conn 变量 : 用 于 保存 Connection 对 象 的 一 个 实例 。 
ConnStr 变量 : 用 于 保存 数据 库 的 连接 信息 ， 即 打开 通道 所 使 用 的 数据 ， 包 含 数 
据 库 连接 字符 串 、 服 务 器 地 址 、 账 号 和 密码 。 
Connection 对 象 是 数据 库 与 ASP 程序 间 的 媒介 ， 它 提供 了 多 个 属性 和 方法 (如 下 表 所 
示 )， 用 于 创建 、 保 存 和 设置 数据 库 连 接 信息 。 在 使 用 Connection 对 象 之 前 必须 为 它 创建 
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一 个 实例 。 创 建 Connection 对 象 实例 的 语法 格式 如 下 。 


Set 实例 名 =Server.CreateObject ("ADODB.Connection") 


创建 Connection 对 象 实例 ， 只 是 相当 于 定义 了 一 个 实例 变量 ， 这 时 它 还 只 是 个 空 


它 
值 ， 应 用 程序 与 数据 源 之 间 并 没有 真正 建立 连接 ， 还 需要 打开 一 个 通道 与 数据 库 建 立 
连接 ， 这 样 才 算 创建 一 个 完整 连接 。 


连接 数据 库 有 多 种 方法 ， 其 中 通过 OLE DB 连接 数据 库 是 目前 最 为 流行 的 一 种 方法 。 
使 用 OLE DB 连接 Access 数据 库 的 方法 如 下 。 

语法 格式 : 

<% 

Dim Conn, StrConn 

Set Conn=Server.CreateObject ("ADODB.Connection") 

StrConn="Provider=Microsoft.Jet.OLEDB.4.0; Data Source=dbname; User ID =; 

Password =;" 


Conn.Open strConn 
多 > 


参数 说 明 如 下 。 
@ ”Provider: 表示 数据 库 的 提供 者 ， 连 接 不 同 的 数据 库 时 ， 其 值 不 同 。 


@ Data Source: 用 于 指定 打开 的 数据 库 文 件 ， 它 必须 是 完整 的 数据 库 路 径 。 
@ ”User Id: 可 选 的 字符 串 ， 是 数据 源 设 定 的 具有 访问 权限 的 用 户 名 称 。 
@ Password: 对 应 User Id 的 用 户 密码 。 
名 称 描 述 
Attributes 属性 读 / 写 。 指 明 在 一 个 事务 卷 回 或 提交 之 后 ， 是 否 开始 一 个 新 事务 。 它 有 两 个 
值 : adXactCommitRetaining 指定 在 CommitTrans 被 调用 后 自动 开始 一 个 新 
事务 ，adXactAbortRetaining 指定 RollbackTrans 被 调用 后 ， 开 始 一 个 新 事务 
ConnectionString 属性 -个 包含 创建 连接 所 需 信 息 (如 DSN、 数 据 提供 者 、 用 户 名 、 口 令 以 及 文件 


名 ) 的 字符 串 。 当 连接 打开 时 ， 此 属性 是 只 读 的 。 其 参数 及 作用 如 下 表 所 示 
指定 等 待 连接 到 数据 库 的 时 间 。 默 认为 13s， 设 置 值 为 0 时 ， 表 示 无 限期 等 
待 。 如 : 设置 连接 超时 时 间 为 30s Connection.ConnectionTimeout=-30 
指定 等 待 一 条 命令 处 理 的 时 间 。 默 认为 30s， 设 置 值 为 0 时， 表示 无 限期 等 
待 。 如 : 设置 连接 超时 时 间 为 60s ”Connection.CommandTimeout=60 
定义 了 Connection 对 象 连接 时 的 默认 数据 库 。 若 默认 数据 库 在 该 属性 或 
ConnectionString 属性 中 被 定义 ， 则 SQL 语句 便 可 以 利用 一 个 非 限定 的 语法 
来 访问 数据 库 中 的 对 象 

关闭 打开 的 对 象 及 任何 相关 对 象 


-m= 人 OOOE-.--------- 


ConnectionTimeout 属性 


CommandTimeout 属性 


DefaultDatabase 属性 


Close 方法 
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续 表 
名 称 描 述 
Execute 方法 执行 指定 的 SQL 语句 、 存 储 过 程 等 内 容 
Cancel 方法 取消 执行 挂 起 的 Execute 或 Open 方法 的 调用 
BeginTrans 方法 开始 一 个 新 事务 
CommitTrans 方法 执行 一 个 新 事务 
RollbackTrans 方法 取消 一 个 事务 
Mode 属性 用 于 设置 连接 的 权限 ， 如 只 读 或 读 写 。 还 可 以 设置 为 拒绝 访问 其 他 数据 
库 。Mode 属性 只 能 在 Connection 对 象 没 有 打开 的 情况 下 进行 设置 
Provider 属性 连接 提供 者 (通常 指 所 使 用 的 数据 库 ) 
Version 属性 正在 使 用 的 ADO 版 本 
Open 方法 打开 与 数据 库 的 连接 


ConnectionString 属性 所 包含 的 参数 及 作用 如 下 表 所 示 。 


参 数 说 明 
DSN 义 数据 提供 者 

pwD 定数 据 源 某 个 特定 的 文件 
UID | 定义 访问 数据 源 的 用 记 几 号 | | 


7.2 通过 ASP 操作 数据 库 


操作 数据 库 其 实 就 是 对 数据 库 中 保存 的 数据 进行 添加 、 删 除 、 修 改 和 查询 等 操作 ， 在 
ASP 中 ， 可 以 使 用 RecordSet 对 象 实现 上 述 操作 。 


7.2.1 创建 RecordSet 对 象 


RecordSet 对 象 又 称 记录 集 对 象 ， 是 数据 库 操作 中 用 来 存储 结果 集 的 唯一 对 象 。 在 
ASP 中 ， 对 数据 库 执行 查询 操作 之 后 ， 所 有 的 查询 结果 都 可 以 由 RecordSet 对 象 存储 。 此 
外 ， 只 有 通过 应 用 程序 调用 RecordSet 对 象 才能 将 记录 集中 的 信息 反馈 到 客户 端 浏览 器 。 
创建 RecordSet 对 象 实例 的 语法 格式 如 下 。 

Set 实例 名 =Server.CreateObject ("ADODB. RecordSet") 

创建 RecordSet 对 象 实例 之 后 可 以 使 用 Open 方法 操作 数据 库 。 

语法 格式 : 

实例 名 .Open [Source], [ActiveConnection], [CursorType], [LockType], [Options] 


RecordSet 对 象 的 Open 方法 的 属性 及 含义 如 下 表 所 示 。 
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加 第 7 章 ， 使 用 AsF 访问 数据 库 一 一 网 上 商城 制作 第 6 步 SS 
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通常 可 以 省 略 后 3 个 参数 (有 时 必须 使 用 参数 。 例 如 : 若 不 设置 CursorType 属性 ， 


则 记录 集 将 只 能 向 前 移动 ， 而 无 法 向 后 移动 )， 如 果 要 省 略 中 间 的 参数 ， 则 必须 用 过 号 
为 中 间 省 略 的 参数 留 出 位 置 ， 即 每 一 个 参数 必须 对 应 相应 的 位 置 。 


属 性 描 述 
Source SQL 语句 或 数据 表 名 ， 表 示 数 据 库 查询 信息 
ActiveConnection Connection 对 象 名 称 或 包含 数据 库 连 接 信息 的 字符 串 ， 表 示 数 据 库 连 接 信息 
CursorType RecordSet 对 象 记录 集中 的 指针 类 型 ， 可 省 略 
LockType RecordSet 对 象 的 使 用 类 型 ， 可 省 略 
Options Source 类 型 ， 可 省 略 


参数 CursorType 的 取 值 如 下 表 所 示 。 


向 前 指针 。 设 置 为 此 值 ， 将 只 能 利用 MoveNext 或 GetRows 向 前 移 
动 检索 数据 ， 是 参数 CursorType 的 默认 值 
键盘 指针 。 设 置 为 此 值 ， 在 记录 集中 可 向 前 或 向 后 移动 ， 当 某 一 客 
户 修 改 数据 (除了 添加 新 数据 ) 后 ， 其 他 用 户 可 立即 看 到 最 终结 果 
动态 指针 。 设 置 为 此 值 ， 在 记录 集中 可 向 前 或 向 后 移动 ， 当 修改 数 
据 之 后 ， 最 终结 果 会 在 其 他 客户 端 立 即 显示 

3 静态 指针 。 设 置 为 此 值 ， 在 记录 集中 可 向 前 或 向 后 移动 ， 所 有 更 新 
的 数据 不 会 在 其 他 客户 端 显 示 


AdOpenForwardOnly 


AdOpenKeyset 


AdOpenDynamic 


AdOpenStatic 


- -OOOO08-.-------- 


AdLockReadOnly 只 读 ， 不 允许 修改 记录 集 ， 是 参数 LockType 的 默认 值 
AdLockPessimistic 修改 时 锁定 ， 修 改 完毕 后 解锁 ， 即 同一 时 刻 只 能 被 一 个 用 户 修改 
AdLock 可 同时 被 多 个 用 户 修改 


AdLockBatchOptimistic 可 以 修改 数据 ， 但 不 锁定 其 他 用 户 


参数 Options 的 取 值 如 下 表 所 示 。 


参 数 值 说 明 
AdCmdUnknown | | CommandText 参数 类 型 无 法 确定 ， 是 参数 Options 的 默认 值 
AdCmdText 1 CommandText(Command 对 象 的 一 个 属性 ) 参 数 类 型 是 命令 类 型 


数 是 一 个 表 名 称 


AdCmdTable 2 CommandText 参 


是 一 个 存储 过 程 名 称 


AdCmdStoreProc 3 CommandText 参 
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示例 : 查询 网 上 商城 商品 表 shangpin 中 的 商品 信息 ， 并 允许 多 个 用 户 对 数据 表 
shangpin 进行 修改 ， 修 改 之 后 的 数据 不 在 客户 端 显示 。 

< 

AccessDatabaseName="/database/shop.mdb" /7/' 数 据 库 路 径 

AccessUserName="" 

AccessPassword= 

Dim Conn,Connstr 

Connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&Server.MapPath( 

AccessDatabaseName) g";User 

ID="&AccessUserName&";Password="&AccessPasswordg&";" 

Set Conn = Server.CreateObject ("ADODB.Connection") 

Conn.Open Connstr 


mm 


sql="select * from [shangpin]" //' 数 据 库 查询 语句 

set rs=Server.CreateObject ("ADODB.Recordset") //' 创 建 Recordset 对 象 实例 
rs.open sql,conn,3,3 //' 执 行 查询 并 将 查询 结果 存储 于 rs 记录 集中 

多 > 


7.2.2 RecordSet 属性 
RecordSet 对 象 提 供 了 多 个 属性 来 进行 数据 库 编 程 ， 其 中 最 为 常用 的 如 下 表 所 示 。 


属 性 描 述 
Source 该 属性 用 于 设置 或 返回 一 个 字符 串 ， 包 含 表 名 、SQL 语句 、 进 程 名 或 Command 
对 象 
BOF 记录 集 的 开头 ， 若 记录 指针 位 于 记录 集 首 记录 之 前 ， 则 返回 True， 和 否则 返回 False 


EOF 结尾 ， 若 记录 指针 位 于 记 尾 记 录 之 后 ， 则 返回 True， 和 否则 返回 False 

MaxRecords 用 于 设 定 返回 给 RecordSet 对 象 的 最 大 记录 数 ， 默 认为 0， 表 示 将 所 有 记录 都 加 入 
到 RecordSet 中 

RecordCount 返回 RecordSet 对 象 中 的 记录 总 名 

PageSize 设置 记录 集 分 页 显示 时 ， 每 页 显示 的 记录 数 


AbsolutePage 记录 和 集 分 页 显示 时 ， 指 定 记 录 指针 所 在 页 
PageCount 记录 集 分 页 显示 时 ， 返 回 数据 页 的 总 数 


7.2.3 ”RecordSet 方法 


除了 功能 强大 的 属性 外 ，RecordSet 对 象 还 提供 了 许多 重要 的 方法 来 进行 数据 库 编 
程 。 其 中 最 为 常用 的 方法 如 下 表 所 示 。 


六 法 说 明 方 法 说 明 
a | 打开 记录 集 MoveLast | 将 记录 指针 指向 最 后 一 条 记录 
Ne 将 记录 指针 指向 指定 记录 AddNew | 添加 新 记录 


MoveNext | 将 记录 指针 指向 当前 记录 的 下 一 条 | Update 更 新 当前 记录 


MoveFirst | 将 记录 指针 指向 第 一 条 记录 | | 
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实例 2 添加 网 上 商城 站 内 新 闻 


为 ASP 动态 网 站 添加 数据 ， 可 以 使 用 RecordSet 对 象 执行 SQL 语句 ， 或 者 使 用 
RecordSet 对 象 的 Addnew 方法 。 


实例 目标 


实现 网 上 商城 网 站 添加 站 内 新 闻 的 功能 。 当 用 户 输入 新 闻 内 容 之 后 ， 单 击 “ 添 加 ” 按 
钮 会 将 用 户 输入 的 新 闻 信息 添加 到 网 站 数据 库 中 ， 如 下 图 所 示 。 


舌 回 ， 昌 mowWieabosyR 了 /最 稚 雪 果 /witners.wsp 六 | 好 |X 


| 合 " 国 总 "对 器 -全 TRO:” 


， 广 大 顾客 对 本 店 的 关怀 ， 在 庆祝 创 后 5 周年 之 慰 ， 我 公司 决定 所 有 图 书 一 律 
并 有 礼品 匀 这 ， 望 广大 顾客 前 来 过 购 。 


制作 分 析 


在 用 户 单 击 “ 添 加 ”按钮 之 后 ， 首 先 判断 用 户 是 否 输 入 完整 的 新 闻 内 容 ， 若 没有 则 提 
示 用 户 重新 和 输入， 否则 利用 RecordSet 对 象 的 Addnew 方法 将 用 户 输入 的 新 闻 内 容 添加 到 
网 上 商城 数据 库 中 的 数据 表 ne news 中 。 


[| 素材 与 实例 \ 第 7 章 \ 实 例 2 
[实例 效果 | 素材 与 实例 \ 第 7 章 \ 实 例 处 最终 效果 
操作 过 程 
实现 网 上 商城 网 站 添加 站 内 新 闻 功 能 的 具体 操作 如 下 。 
(1) 将 文件 夹 “ 实 例 2” 复 制 到 站 点 shop 内 的 文件 夹 “ 第 7 章 ” 中 ， 打 开 文 件 
addnews.asp， 选 中 表格 news， 如 下 图 所 示 。 


-----------@@@@G:----------- 


Em = - 出 
tr> Ctd> <table> A OO ~ 583 x 112v 6KX7 1 秒 


“el 
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(2) 切换 为 代码 视图 ， 在 表格 开始 标记 <table> 之 前 ， 客 户 端 脚本 结束 标记 </scripf> 之 


后 ， 输 入 如 下 代码 。 运 行文 件 addnews.asp， 查 看 实例 最 终 效 果 。 
< 
if request ("action")="add" then 
if trim(request ("user"))="" or trim(request ("shijian"))="" or 
trim(request ("biaoti"))="" or trim(request ("neirong"))="" then 


response.Write ("<script>alert (' 请 详细 填写 ! 
') ;history.back (0) ;</script>") 
response.End () 
end if 
sql="select * from [news]" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
rs.addnew 
rs("user")=trim(request ("user")) 
rs("shijian")=trim(request ("shijian")) 
rs("biaoti")=trim(request ("biaoti")) 
rs("neirong")=trim(request ("neirong")) 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 站 内 新 闻 添 加 成 功 ! 
') ;window.location.href = 'addnews.asp';</script>") 
end if 
多 > 


此 段 代码 首先 判断 用 户 是 否 提交 表单 (隐藏 区 域 action 的 值 为 add 表示 已 经 提交 表 
单 )， 若 已 提交 表单 ， 则 判断 新 闻 标 题 、 时 间 和 内 容 等 项 是 否 为 空 ， 若 为 空 则 提示 用 户 详 
细 填 写 ， 并 刷新 页 面 。 

若 用 户 提交 的 新 闻 内 容 符合 规则 ， 则 创建 RecordSet 对 象 ， 执 行 SQL 语句 查询 数据 表 
news， 然 后 通过 addnew 方法 ， 将 表单 数据 添加 到 数据 表 中 的 相应 字段 ， 最 后 利用 update 
方法 更 新 添加 的 记录 ， 关 闭 记录 集 rs。 


history.back(0) 表 示 刷 新 ; history.back(1) 表 示 前 进 ; history.back(-1) 表 示 后 退 。 这 些 


参数 相当 于 浏览 器 中 的 刷新 、 前 进 和 后 退 按钮 。 语 句 window.location .hre 仁 “文件 名 
表示 离开 当前 页 面 ， 转 向 执行 指定 的 网 页 文档 。 设置 “时 间 ” 文 本 字段 的 值 为 
<9%=now9%6> 表 示 将 服务 器 当前 时 间 赋 予 “ 时 间 ” 文 本 字段 。 


实例 3 ”显示 网 上 商城 商品 信息 


在 动态 网 页 中 显示 商品 信息 或 其 他 信息 (如 新 闻 标 题 ) 时 ， 需 要 对 页 面 所 显示 的 信息 数 
目 进行 设置 ， 和 否则 会 将 数据 库 中 保存 的 相关 数据 全 部 显示 出 来 ， 影 响 页 面 版 式 。 


实例 目标 
在 网 上 商城 首页 最 新 商品 、 热 门 商品 和 推荐 商品 栏目 下 ， 分 别 显示 两 条 与 栏目 主题 相 


关 的 商品 信息 ， 最 终 效 果 如 下 图 所 示 。 
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条 7 章 。 使 用 ASE 访问 数据 库 一 一 网 上 商城 制作 策 6 步 


Ei 党 Wy ee 
制作 分 析 


网 上 商城 首页 的 3 个 商品 展示 栏目 的 制作 方法 相同 ， 所 不 同 的 是 读 取 数据 库 中 的 数据 
不 同 。 最 新 商品 栏目 展示 的 是 商城 最 近 添加 的 商品 信息 ; 热门 商品 栏目 展示 的 是 单 击 次 数 
最 多 的 商品 信息 ; 推荐 商品 栏目 展示 的 是 商品 等 级 为 一 级 的 商品 信息 。 


6 er [实例 素材 | 素材 与 实例 \ 第 7 章 \ 实 例 3 
[实例 效果 | 素材 与 实例 \ 第 7 章 \ 实 例 3\ 最 终 效 果 
操作 过 程 
实现 网 上 商城 首页 商品 展示 功能 的 具体 操作 如 下 。 
(1) 将 文件 夹 “ 实 例 3” 复 制 到 站 点 shop 内 的 文件 夹 “ 第 7 章 ” 中 ， 打 开 文 件 
center.asp， 选 中 最 新 商品 栏目 左 侧 表格 ， 如 下 图 所 示 。 


eanter am 
本 CE 
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(2) 切换 为 代码 视图 ， 在 选中 表格 所 在 单元 格 的 起 始 标 记 <td> 上 方 ， 输 入 如 下 代码 。 


< 
i=0 
sql="select top 2 * from [shangpin] order by id desc" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof 

i=i+1 


时 ABI Cer dD Capen STTLEL4> 站 ~ 


op 


op 


> 


【CB 


此 段 代 码 根据 商品 id 对 数据 表 shangpin 中 的 记录 进行 降序 排列 ， 并 查询 位 于 数据 表 
最 前 方 的 两 条 记录 ， 即 查询 最 新 的 两 件 商品 。 变 量 i 用 于 存储 已 展示 商品 的 件数 ， 每 显示 
一 件 商品 信息 ， 便 将 i 值 加 1。 

(3) 切换 为 设计 视图 ， 选 中 最 新 商品 栏目 左 侧 表格 中 的 图 片 ， 如 下 图 所 示 。 
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(4) 切换 为 代码 视图 ， 将 图 片 所 在 单元 格 中 的 代码 替换 为 如 下 代码 。 

<div align ="center"><a href="lookpro.asp?id=<%=rs ("id")%>" target = 

" blank"><img src = "upfile/<% = rs("tupian")%®>" width = "110" height = 

"130" border = "0"/></a><a href = "lookpro.asp?id = <%=rs ("id")%®>" 

target=" blank"></a></div> 

此 段 代 码 通过 rs("tupian") 语 句 将 rs 记录 集中 当前 记录 的 tupian 字段 值 设置 为 商品 图 
片 ， 并 为 该 图 片 设置 超级 链接 ， 连 接 至 lookpro.asp 文档 ， 并 提交 参数 id( 文 件 lookpro.asp 
会 根据 提交 的 id 号 ， 显 示 对 应 商品 的 详细 信息 )。 

(5) 切换 为 设计 视图 ， 选 中 文本 “型 号 ”， 如 下 图 所 示 。 


(9 切换 为 代码 视图 ， 将 光标 所 在 【】 中 的 内 容 蔡 换 为 如 下 代码 。 利 用 同样 的 方法 ， 
将 “市 场 价 ”、“ 会 员 价 ”、“ 查 看 信息 ”、“ 购 买 商品 ”和 “浏览 次 数 ” 所 在 单元 格 中 
的 源 代码 替换 为 如 下 代码 。 


<td width="133" height="16"><span class="STYLE15"> 
【<%=rs ("mingcheng")®%>) </span></td></tr> 
<tr><td width="20" height="16">gnbsp;</td> 
<td width="133" height="16"><span class="STYLE16">【 市 场 价 
<%=rs ("shichang ") %>) </span></td></tr> 
<*> 
<td width="20" height="16">gnbsp;</td> 
<td width="133" height="16"><span class="STYLE12">【 会 员 价 : <$%= 
rs("huiyuan") %>) </span></td></tr> 
E> 
<td width="20" height="16">gnbsp;</td> 


一 


<td width="133" height="16"> 【<a href="lookpro.asp?id=<%=rs ("id")%>" 
target= " blank"> 查看 信息 </a>】</td></tr> 
二 臣下 三 
<td width="20" height="16">gnbsp;</td> 
<td width="133" height="16"> 【<a 
href="gouwu.asp?ProdId=<%=rs ("id")%>"> 购 买 商品 </a>】</td></tr> 
E> 
<td width="20" height="16">&gnbsp;</td> 
<td width="133" height="16"><span class="STYLE14">【 浏 览 次 数 : 
<%=rs ("cishu") %>) </span></td></tr> 


此 段 代码 分 别 将 rs 记录 集中 当前 记录 的 mingcheng、shichang、huiyuan 等 字段 的 值 显 
示 在 网 页 的 相应 位 置 。 将 文本 “查看 信息 ”和 “购买 商品 ”设置 为 超级 链接 ， 分 别 链接 至 
lookpro.asp 和 gouwu.asp 文件 ， 并 向 链接 文件 提交 当前 商品 的 id 号 。 文 件 lookpro 和 
gouwu 会 根据 提交 的 商品 id 显示 与 该 商品 相关 的 信息 。 

(7) 切换 为 设计 视图 ， 选 中 最 新 商品 栏目 右 侧 表格 ， 按 Delete 键 将 表格 删除 ， 如 下 图 
所 示 。 


RW | 写 折 分 | 加 以 it | [ 本 归 | 
Ee EL LE 
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EL "| 
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(8) 切换 为 代码 视图 ， 在 最 新 商品 栏目 左 侧 表格 所 在 单元 格 的 结束 标记 </td> 下 方 输 

入 如 下 代码 ， 删 除 其 后 的 单元 格 标记 <td></td>。 
<$if i mod 2=0 theng> // "用 于 判断 守 的 值 是 否 为 2 的 倍数 ， 若 是 则 表明 表格 
前 行 已 经 显示 两 件 商品 的 信息 ， 则 输出 行 标记 结束 表 

(9) 在 行 结束 标记 </tr> 下 方 输入 如 下 代码 。 


<% 

end if 

rs.movenext //' 将 记录 指针 移 向 下 一 条 记录 ， 重 新 执行 循环 
loop 

rs.close /7' 循 环 结束 后 关闭 记录 集 

set rs=nothing 

各 > 


(10) 切换 为 设计 视图 ， 选 中 热门 商品 栏目 左 侧 表格 ， 如 下 图 所 示 。 


当 
格 行 


----------.@OOOE.----------- 


ET 
由 器 f 码 | 本 折 分 ] 辐 训 +| 通 。 村 本 中 最 |e 目 芭 |m 
靖 ww 

1 mons 多 


hr 


全 加 
Rusher> Ga Cepan smUl6》 [NW A OO% Jeg x 188v 8K/13 秒 
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(1D 切换 为 代码 视图 ， 在 表格 所 在 单元 格 的 起 始 标记 <td> 上 方 ， 输 入 如 下 代码 。 


< 各 

i=0 

sql="select top 2 * from [shangpin] order by cishu desc" 
set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

do while not rs.eof 


i=i+1 
多 > 
(12) 利用 制作 最 新 商品 栏目 同样 的 方法 ， 在 热门 商品 栏目 的 其 他 位 置 (商品 名 称 、 市 
场 价 等 ) 输 入 相关 代码 。 
<table width="255" border="0" cellspacing="0" cellpadding="0"> 
<EE> 


<td rowspan="6"><a href="lookpro.asp?id=<%=rs ("id")%>" 
target=" blank"><img src= "upfile/<%=rs ("tupian")®%>" width="110" 
height="130" border="0"></a></td> 


<td width="20" height="16">&nbsp;</td> 

<td width="133"><span class="STYLE15"> 【<%=rs ("mingcheng") $>) 
</span></td> 
</EES 
<tr> 


<td width="20" height="16">&gnbsp;</td> 
<td width="133"><span class="STYLE16">【 市 场 价 : <%=rs ("shichang")%$>】 
</span></td> 
</tr> 
EE 
<td width="20" height="16">&gnbsp;</td> 
<td width="133"><span class="STYLE12">【 会 员 价 : <%=rs ("huiyuan")%>】 
</span></td> 
</tr> 
EES 
<td width="20" height="16">&gnbsp;</td> 
<td width="133">【<a href="lookpro.asp?id=<%=rs ("id")%>" 
target=" blank"> 查 看 信息 </a>】</td></tr> 
<tr> 
<td width="20" height="16">gnbsp;</td> 
<td width="133">【<a href="gouwu.asp?ProdId=<%=rs ("id")gs>"> 购 买 商品 
</a>】</td></tr> 
<tr> 
<td width="20" height="16">&gnbsp;</td> 
<td width="133"><span class="STYLE14">【 浏 览 次 数 : <s=rs ("cishu")%>】 
</span> </td> </tr> 
</table></td> 
<%if i mod 2=0 then%> 
</tr> 
< 条 
end if 
rs.movenext 
loop 
rs.close 
set rs=nothing 
名 > 


本 秆 7 章 ， 使 用 ASE 访问 数据 库 一 一 网 上 商城 制作 第 6 步 


</table></td> 


(13) 切换 为 设计 视图 ， 选 中 推荐 商品 栏目 左 侧 表格 ， 然 后 切换 为 代码 视图 ， 在 表格 所 
在 单元 格 的 起 始 标记 <td> 上方， 输入 如 下 代码 。 


< 

i=0 

sql="select top 2 * from [shangpin] where dengji="1' order by id desc" 
set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

do while not rs.eof 

i=i+1 

%> 


(14) 利用 制作 最 新 商品 栏目 同样 的 方法 ， 在 热门 商品 栏目 的 其 他 位 置 输入 相关 代码 。 
保存 文件 ， 然 后 运行 文件 index.asp( 文 件 center.asp 被 包含 在 文件 index.asp 中 )， 查 看 实例 
最 终 效 果 。 


<table width="255"” border="0" cellspacing="0" cellpadding="0"> 
<tr> 

<td rowspan="6"><a href="lookpro.asp?id=<%=rs ("id")%>" 
target=" blank"><img src ="upfile/<%=rs ("tupian")%>" width="110" 
height="130" border="0"></a></td> 

<td width="20" height="16">gnbsp;</td> 

<td width="133"><span class="STYLE15"> 【<%=rs ("mingcheng")s>】 
</span></td> 
</tr> 
<tr> 

<td width="20" height="16">gnbsp;</td> 

<tqd width="133"><span class="STYLE16">【 市 场 价 : <%$=rs ("shichang")%$>】 
</span></td> 
</tr> 
<EE> 

<td width="20" height="16">&gnbsp;</td> 

<td width="133"><span class="STYLE12">【 会 员 价 : <%=rs ("huiyuan")%>】 
</span></td> 
</tr> 
<tr> 

<td width="20" height="16">gnbsp;</td> 


<td width="133"> 【<a href="lookpro.asp?id=<%=rs ("id")%>" 
target=" blank"> 查 看 信息 </a>】</td> 
</tr> 
二 臣 王 > 


<td width="20"” height="16">gnbsp;</td> 
<td width="133">【<a href="gouwu.asp?ProdId=<%=rs ("id")s>"> 购 买 商品 
</a>】</td></tr> 
“ta 
<td width="20" height="16">gnbsp;</td> 
<td width="133"><span class="STYLE14">【 浏 览 次 数 : <s=rs ("cishu")%>】 
</span></td> 
EE 
</table></td> 
<%if i mod 2=0 thengs> 
</tr> 
< 
end if 


@ 
加 
- 
@ 
Ne 
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rs.movenext 

loop 

rs.close 

set rs=nothing 

各 > 
</table></td> 


间 与 答 


间 ; 使 用 AddNew 方法 与 使 用 Insert into 语句 插入 记录 有 何不 同 ? 哪 种 方式 更 好 ? 
管 :; ADO 的 AddNew 方法 是 将 Insert into 语句 封装 了 起 来 ， 所 以 ， 当 对 大 量 数据 进 
行 操作 的 时 候 ， 直 接 使 用 SQL 语句 会 大 大 加 快 存 取 数据 的 速度 ， 因 为 它 减少 了 ADO 的 
“翻译 ”时 间 。 不 过 AddNew 方法 要 比 Insert into 语句 简单 很 多 ， 容 易 被 人 接受 ， 用 户 可 
根据 网 站 数据 的 处 理 量 ， 来 决定 使 用 哪 种 方式 往 数 据 库 中 插入 数据 。 
间 : 什么 是 ODBC? 
管 : ODBC(Open Database Connectivity， 开 放 数据 库 互 连 ) 是 微软 开放 服务 结构 中 有 
关 数 据 库 的 一 个 组 成 部 分 ， 它 创建 了 一 组 规范 ， 并 提供 了 一 组 对 数据 库 访 问 的 API( 应 用 
程序 编程 接口 )， 通 过 这 些 API 可 完成 大 部 分 的 数据 库 操作 。 
ODBC 数据 源 管理 器 提供 了 3 种 不 同类 型 的 DSN(Data Source Name， 数 据 源 名 称 ): 
用 户 DSN、 系 统 DSN 和 文件 DSN。 
@ 用 户 DSN: 在 Windows NT 系统 注册 表 中 存储 如 何 与 指定 数据 提供 者 连接 的 信 
息 。 只 对 当前 用 户 可 见 ， 且 只 能 用 于 当前 计算 机 上 。 

@ 系统 DSN: 也 在 系统 注册 表 中 存储 数据 库 信息 ， 本 机 上 的 所 有 用 户 均 可 以 
看 到 。 

@ 文件 DSN: 一 个 文本 文件 ， 它 包含 了 数据 库 的 连接 信息 ， 该 文件 可 由 安装 了 相 
同 驱 动 程序 的 不 同 计算 机 、 不 同 用 户 使 用 。 

间 ， 什么 是 SQL? 

管 ， SQL(Structured Query Language) 是 一 种 操纵 数据 库 的 结构 化 查询 语言 。 主 要 用 
于 组 织 、 管 理 和 检索 存储 在 数据 库 中 的 数据 。 目 前 流行 的 数据 库 ， 如 Microsoft SQL 
Server、Oracle、Access 和 Sybase 等 都 采用 了 SQL 标准 。 

间 : 如 何 利用 SQL 语句 查询 数据 库 中 的 数据 ? 

管 : 在 SQL 中 ， 数 据 查 询 是 通过 SELECT 语句 完成 。SELECT 语句 可 以 按照 用 户 
所 设 定 的 条 件 对 数据 库 进 行 查询 并 将 查询 结果 返回 给 用 户 。 最 基本 的 SELECT 语句 格式 


如 下 。 
SELECT [ALL | DISTINCT] select list // 指 定 要 检索 数据 的 列 (字段 ) 名 称 
FROM table list // 指 明 要 从 哪 ( 几 ) 个 表 中 进行 检索 
[WHERE search condition] // 指 明 返 回 数据 必须 满足 的 条 件 
[GROUP BY group by expression] // 指 明 返 回 的 列 数 据 通 过 某 些 条 件 来 形成 组 
[HAVING search condition] // 指 明 返 回 的 集合 必须 满足 的 条 件 


[ORDER BY order list|] [Asc|DEsc] // 指 明 返 回 记 录 的 排序 顺序 
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为 便于 查找 记录 ，SQL 语言 提供 了 以 下 几 种 通配符 。 

@  *#( 星 号 ): 代表 全 部 。 

@  %( 百 分 号 ): 代表 任意 个 字符 。 

@ (下划线 ): 代表 任意 一 个 字符 。 

@  []( 一 对 中 括号 ): 用 来 限定 任何 一 个 单一 字符 的 取 值 范围 。 

间 : 如 何 利 用 SQL 语句 删除 数据 库 中 的 数据 ? 

管 : 在 SQL 中 ,使 用 DELETE 语句 可 以 一 次 从 一 个 数据 表 中 删除 一 条 或 多 条 


记录 。 
在 SQL 中 ， 使 用 DELETE 语句 可 以 一 次 从 一 个 数据 表 中 删除 一 条 或 多 条 记录 。 语 法 
格式 如 下 。 


DELETE FROM<table name> [WHERE<search-condition>] 


@ table name: 指明 要 从 中 删除 记录 的 数据 表 名 称 。 

@ ”<search_condition>: 指定 删除 记录 的 限定 条 件 。 

间 ， 如何 利用 SQL 语句 修改 数据 库 中 的 数据 ? 

管 : 在 SQL 中 ,使 用 UPDATE 语句 可 以 修改 数据 表 中 单行 或 多 行 记录 中 的 一 列 或 
多 列 值 ， 或 者 改变 单个 数据 表 中 选 定 行 的 多 个 列 值 。 语 法 格式 如 下 。 


UPDATE Table name SET column name= {expression | DEFAULT | NULL} [, ...] 
[WHERE search condition] 


SET: 用 于 设置 字段 的 新 值 。 

column_name: 指定 要 修改 字段 的 名 称 。 

expression: 指定 新 的 字段 值 ， 可 以 是 常数 、 变 量 或 表达 式 等 。 
DEFAULT: 使 用 DEFAULT 参数 可 以 将 字段 的 值 设置 为 默认 值 。 
NULL: 使 用 NULL 参数 可 以 将 字段 的 值 设置 为 Null。 


y 


上 NS 


提示 


如 果 使 用 了 WHERE 语句 指定 条 件 ， 则 UPDATE 只 会 对 数据 表 中 满足 条 件 的 记录 
进行 更 新 ， 否 则 将 更 新 数据 表 中 的 所 有 记录 ; 若 DELETE 语句 也 使 用 了 WHERE 子 


句 ， 则 只 会 删除 满足 条 件 的 记录 ， 否 则 将 删除 所 有 记录 。 


间 : 如 何 利用 SQL 语句 录入 数据 库 中 的 数据 ? 
莹 : 在 SQL 中 ,使 用 INSERT 语句 向 数据 表 插入 数据 。 语 法 格式 如 下 。 


INSERT [INTO] Table name [ (Column name, ......, n) ] VALUES 
(Date value, ......, n) 


@ Table name: 要 添加 记录 的 数据 表 名 称 。 

@ Coulumn name: 要 添加 数据 的 字段 名 称 ， 字 段 名 称 之 间 用 逗号 分 隔 。 若 该 参数 
不 添加 任何 值 ， 则 代表 所 有 字段 。 

@ Date value: 代表 字段 将 被 添加 的 值 ， 值 与 值 之 间 用 喜 号 分 隔 。 该 参数 同 


-GOEG:---------. 
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Coulumn name 参数 一 一 对 应 。 若 Coulumn name 参数 有 两 个 值 ， 则 该 参数 也 要 
列 出 两 个 值 。 
间 ; 如 何 利用 SQL 语句 对 记录 集 进行 排序 ? 
管 : 在 SQL 中 ,可 以 使 用 ORDER BY 语句 实现 对 数据 的 排序 操作 。 使 用 ORDER 
BY 语句 可 以 采用 升序 或 降序 的 方式 ， 对 一 个 或 多 个 字段 进行 排序 ， 默 认为 升序 排序 ， 若 
要 按 降 序 排序 ， 需 添加 关键 字 DESC。 
ORDER BY 语句 的 语法 格式 如 下 。 
SELECT TOP n [PERCENT] 


FROM table 

WHERE. . . 

ORDER BY. .. 

Expression [ASC | DESC] 

@ . . . : 表示 可 以 有 多 于 一 个 的 分 类 表达 式 ， 并 且 每 一 表达 式 都 可 以 分 别 为 升序 
或 降序 排序 。 

@ expression: 通常 为 分 类 所 使 用 的 字段 ， 数 据 表 中 的 数据 将 按 此 字段 值 进行 
排序 。 


@ [ASC | DESC] : 可 选项 ， 表 示 升 序 或 降序 。 

间 ; 使 用 Recordset 对 象 和 Command 对 象 访问 数据 库 有 什么 区 别 ? 

管 ，Recordset 对 象 会 要 求 数据 库 传送 所 有 的 数据 ， 那 么 数据 量 很 大 的 时 候 就 会 造成 
网 络 的 阻塞 和 数据 库 服 务 器 的 负荷 过 重 ， 因 此 整体 的 执行 效率 会 降低 。 

利用 Command 对 象 直接 调用 SQL 语句 ， 所 执行 的 操作 是 在 数据 库 服 务 器 中 进行 的 ， 
因此 会 有 很 高 的 执行 效率 。 特 别 是 在 服务 器 端 执行 创建 完成 的 存储 过 程 ， 可 以 降低 网 络 流 
量 ， 另 外 ， 由 于 事先 进行 了 语法 分 析 ， 可 以 提高 整体 的 执行 效率 。 

间 ， 是否 必须 为 每 一 个 Recordset 对 象 创建 一 个 Connection 对 象 ? 

管 ， 不 是 可 以 同时 对 不 同 的 Recordset 对 象 使 用 相同 的 _ Connection 对 象 ， 以 节省 
资源 。 


入 


制作 一 个 表单 ， 效 果 如 下 图 所 示 ， 在 单 击 “ 添 加 ”按钮 之 后 ， 将 表单 提交 给 自身 ， 判 
断 提交 表单 中 的 用 户 名 、 密 码 和 邮箱 文本 字段 的 值 是 否 为 空 ， 若 为 室 ， 则 提示 用 户 详细 填 
写 ， 和 否则 将 用 户 信息 输入 到 数据 库 shop 中 的 user 数据 表 ， 然 后 提示 用 户 注册 成 功 。 


使 用 Dreamweaver 制作 下 图 所 示 的 表单 ， 在 表单 结束 标记 前 方 添加 一 个 隐藏 区 


域 ， 将 其 值 设置 为 add， 用 于 判断 是 否 提交 表单 ， 然 后 利用 本 章 所 学 知识 ， 连 接 shop 
数据 库 ， 使 用 ASP 的 RecordSet 对 象 将 表单 数据 添加 到 shop 数据 库 中 。 本 例 的 素材 与 
实例 的 最 终 效果 存储 于 本 书 配套 光盘 “素材 与 实例 \ 第 7 章 \ 成 果 检 验 ” 文 件 夹 中 。 


(152) 


商城 制作 第 6 步 


文件 FE) 编辑 全 ) 查看 收 送 天 0) 工具 人 帮助 如 
GO Ere /em x 记 - 


“(sl 


黄 直 背 粮 前 台 页 而 制作 一 一 
网 上 座 城 制作 第 7 沙 


本 章 学 习 重 点 
只 网 上 商城 前 台 分 析 
最 只 用 户 管理 界面 
只 新 闻 发 布 界面 
消 5 商品 展示 界面 
[es 产品 搜索 界面 
喉 用 户 购物 界面 
动态 网 站 分 为 前 台 与 后 台 两 个 系统 ， 网 站 前 台 主 要 用 于 实现 网 站 信息 的 展示 ， 如 新 闻 
发 布 、 产 品 展示 和 用 户 登录 等 所 有 与 网 站 业务 相关 的 信息 ; 网 站 后 台 主 要 用 于 管理 网 站 数 
据 。 本 章 将 介绍 网 上 商城 网 站 前 台 的 实现 过 程 。 


8.1 网 上 商城 前 台 分 析 


8.1.1 网 上 商城 前 台 实 现 过 程 


每 个 网 站 都 拥有 一 个 首页 ， 它 是 网 站 的 门户 ， 在 首页 汇集 了 网 站 所 有 功能 模块 的 超级 
链接 ， 单 击 某 一 超级 链接 便 会 转向 执行 对 应 的 模块 。 网 上 商城 也 不 例外 ， 商 城 首页 包含 了 
网 站 所 有 模块 的 链接 ， 使 用 户 能 轻易 享用 网 站 的 各 种 服务 。 为 方便 读者 对 系统 有 更 清晰 的 
认识 和 使 用 ， 我 们 设计 了 一 个 构思 合理 、 功 能 齐全 的 网 上 商城 前 台 首页 文件 架构 ， 如 下 图 
所 示 。 


商城 首页 


index.asp 


最 新 商品 推荐 商品 商品 分 类 ”| 意见 反馈 | 用 户 留言 用 户 中 心 
newgoods. commend. sort.asp idea.asp liuyan.asp Usercenter. 
asp asp asp 
会 员 管理 商品 搜索 购物 车 订单 查询 站 内 新 闻 商城 公告 

search.asp gouwu.asp chaxun.asp news.asp left.asp 


会 员 注册 会 员 登 录 
Teg.asp login.asp 


ps 
己 
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j 户 在 浏览 网 上 商城 网 站 时 ， 首 先 看 到 的 便 是 网 站 首页 。 在 首页 用 户 可 以 快速 浏览 最 
ff 商品、 热门 商品 和 推荐 商品 ， 也 可 以 搜索 已 知 的 商品 信息 。 除 商品 信息 外 ， 在 商城 首页 
户 还 可 以 浏览 商城 公告 和 站 内 新 闻 ， 使 用 户 能 及 时 掌握 商城 的 最 新 动态 。 

用 户 在 购买 商品 时 需 先 注册 成 为 网 站 会 员 ， 在 查看 商品 详细 信息 之 后 ， 可 以 将 要 购买 
商品 放 入 购物 车 内 ， 并 能 随时 修改 、 删 除 购物 车 内 的 商品 ， 如 果 用 户 很 满意 选 购 的 商 
品 ， 可 以 去 收银 台 结 账 ， 下 订单 。 这 时 网 站 的 相关 程序 模块 会 将 用 户 提 交 的 所 有 信息 记录 
到 网 站 数据 库 中 ， 以 便 网 站 管理 人 员 核 对 信息 并 在 收 款 后 准备 发 货 ， 发 货 成 功 并 且 用 户 确 
认 收 到 货物 后 ， 整 个 购物 过 程 便 结 束 了 。 


8.1.2 将 静态 页 面 转换 为 动态 页 面 


将 html 静态 页 面 转换 为 ASP 动态 页 面 ， 可 以 直接 将 静态 页 面 的 扩展 名 修改 为 .asp， 
然后 添加 ASP 程序 代码 ， 也 可 以 将 html 静态 页 面 中 的 源 代码 复制 到 ASP 动态 网 页 的 指定 
位 置 。 


实例 1 将 网 上 商城 静态 首页 转换 为 ASP 页 面 


小 


i 


一 个 ASP 网 页 可 以 由 多 个 文件 组 成 ， 可 以 轻易 将 多 个 文件 包含 在 另 一 个 文件 当中 ， 
以 实现 更 多 的 功能 。 

实例 目标 

将 网 上 商城 首页 静态 页 面 index html 制作 为 4 个 ASP 页 面 ， 各 ASP 页 面 的 名 称 与 所 


包含 的 内 容 如 下 图 所 示 ， 然 后 创建 一 个 ASP 文档 ， 命 名 为 index.asp， 将 4 个 asp 页 面包 
含 进来 制作 网 上 商城 首页 。 


文件 top.asp， 包 含 
网 站 的 头 部 、 导 航 
信息 和 搜索 栏 


文件 leftasp ， 包 
含 用 户 登 录 、 商 城 
公告 和 站 内 新 闻 3 | 一 光 
个 模块 
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文件 center.asp， 
显示 首页 商品 信 

< 一 息 ， 包 含 最 新 商 
品 、 热 门 商品 和 
推荐 商品 3 个 栏 
目 


文件 foot.asp， 显 
示 网 站 的 版 权 信 息 


“(dl 
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制作 分 析 

首先 新 建 ASP 文档 ， 命 名 为 top.asp， 将 文件 index.html 中 包含 文档 top.asp 所 需 内 容 
的 表格 ， 复 制 到 文档 top.asp 中 ， 然 后 利用 同样 的 方法 制作 文档 left.asp、center.asp 和 
footasp， 最 后 新 建文 档 index.asp， 将 其 他 4 个 ASP 文件 包含 进来 ， 完 成 网 上 商城 asp 首 


页 的 制作 。 
¢ Er [sg 素材 | 素材 与 实例 \ 第 8 章 \ 实 例 lindex.html 
[实例 效果 | 效果 素材 与 实例 \ 第 8 章 \ 实 例 外 最 终 效果 \index.asp 
操作 过 程 


将 网 上 商城 静态 首页 转换 为 asp 页 面 的 具体 操作 如 下 。 

(1) 将 文件 来“ 实例 1” 复 制 到 站 点 shop 内 的 文件 夹 “ 第 8 章 ” 中 ， 新 建 ASP 文 
档 ， 命 名 为 top.asp， 保 存在 文件 夹 “ 实 例 1” 中 ， 切 换 到 文档 top 的 代码 视图 ， 选 中 所 有 
代码 ， 按 Delete 键 删除 全 部 代码 ， 如 下 图 所 示 。 


(2) 打开 文档 index.html， 选 中 表格 top， 按 Ctrl+C 组 合 键 复制 表格 ， 如 下 图 所 示 。 


[er 恒 拓 人 | 国 训 计 ] 标题 ， 玩 标题 文档 18. @. o 目 . @. 


| cry Cta> Cing> [A jm vx iddv i125 K7Il 和 
(3) 切换 为 top 文档 的 设计 视图 ， 按 CtrltV 组 合 键 粘贴 表格 top， 如 下 图 所 示 。 


8(156) 


| 加 第 8 章 ， 网 上 商城 前 台 页 面 制作 一 网 上 商城 制作 第 7 步 


oar> NRA lo0% v]5r3x164v 36K16 秒 


当 所 复制 的 表格 中 带 有 图 像 时 ， 便 会 出 现 如 下 图 所 示 的 对 话 框 ， 该 对 话 框 用 于 添 
加 图 像 的 替换 文本 ， 本 例 单 击 “ 取 消 ”按钮 不 添加 图 像 的 替换 文本 。 


图 像 撕 述 (Alt 文本 ) 


请 为 每 张 图 重 输 入 一 段 描述 文字 , 


@@---------. 
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在 文档 index.html 中 为 表格 top 中 的 超级 链接 添加 了 CSS 样式 ， 而 粘贴 时 并 不 会 将 
其 添加 到 top.asp 中 ， 因 此 需要 将 其 复制 到 top.asp 中 ， 否 则 文档 top.asp 中 表格 top 内 的 
元 素 样式 会 发 生变 化 。 


(4) 切换 到 文档 index.html 的 代码 视图 ， 在 文档 头 部 选择 针对 表格 top 所 设置 的 CSS 
样式 ， 如 下 图 所 示 。 
index. htnl* we -x 


| 回民 | 图 折 | 国 说 + | 标题 ， 玩 标题 文档 认同 C 国 . @@. 中 
35 op Aa: 
font-size:; 12px; 
color: #FFFFFF; 
text-decoration: 
#top a:visited ( 
font-size: 12px; 
color: #FFFFFF; 
text-decoration: 
#top a:hover { 
font-size: 12px; 
color: #FFFFFF; 
text-decoration: wnderline;} 


‘~ 


#top a:active { 
font-size: 12px; 
color: #FFFFFF; 
text-decoration; mderline;} 


I (5) 
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(5) 切换 为 文档 top.asp 的 代码 视图 ， 将 光标 定位 在 文档 头 部 <style></style> 标 记 内 ， 
按 CtrltV 组 合 键 ， 粘 贴 CSS 代码 。 效 果 如 下 图 所 示 。 


加 ff 到 | 冤 拆 分 | 司 这 标题: 天 是 文 簿 内 力 | C 国 忆 | 摊 
开车 和 PPP 有 PEP 二 有 FPR RO PR PT 
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在 网 页 中 创建 CSS 样式 之 后 ，Dreamweaver 会 自动 在 网 页 代码 中 添加 <style 


type="text/css"> 和 </style> 标 记 ， 用 于 标识 两 标记 间 的 代码 为 CSS 样式 ， 当 使 用 CSS 代 
码 编写 CSS 样式 时 ， 也 需要 将 CSS 代码 添加 在 该 标记 间 。 


(6) 切换 到 文档 top 的 设计 视图 ， 将 光标 定位 在 表格 top 的 右 侧 ， 使 用 复制 表格 top 
的 方法 ， 将 文档 index 中 的 表格 search 复制 到 文档 top 中 光标 所 在 位 置 。 效 果 如 下 图 所 示 。 


加 Wt | [ 嚼 标题 : 无 标题 文 和 ] 夫 关 | C 国 @ 成 左 
, PR 二 再 | 


re 


印 。 9 


Ke ere tr> ta> 要 

(7) 新 建 一 个 ASP 文档 ， 命 名 为 left.asp， 保 存在 文件 夹 “实例 1” 中 ， 在 代码 视图 
中 删除 文档 结构 代码 ， 然 后 切换 到 设计 视图 ， 将 文档 index.html 中 的 表格 left 复制 到 文档 
left 中 。 最 终 效果 如 下 图 所 示 。 


Si hee 


小 | CB 忆 玖 
KP, Po, PD, BR) 
a 


; : Ba 
tablen ert Fer> Gta Ctable> NA lx v2 x1i9v8k/2 秒 


(8) 新 建 一 个 ASP 文档 ， 命 名 为 center.asp， 保 存在 文件 夹 “ 实 例 1” 中 ， 在 代码 视 


(5 BE 
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图 中 删除 文档 结构 代码 ， 然 后 切换 到 设计 视图 ， 将 文档 index.html 中 的 表格 main 复制 到 
文档 center 中 。 最 终 效 果 如 下 图 所 示 。 


FE WM. @.| C EB. .| be 
PP P,P PPD 


[YQ lox vox 198v 80K/12 秒 - 


(9) 新 建 ASP 文档 ， 命 名 为 foot.asp， 保 存在 文件 夹 “实例 1” 中 ， 在 代码 视图 中 删 
除 文档 结构 代码 ， 然 后 切换 到 设计 视图 ， 将 文档 index.html 中 的 表格 bottom 复制 到 文档 
foot 中 。 最 终 效果 如 下 图 所 示 。 


内 @ | C 国 Bb 忆 兢 


(10) 新 建 一 个 ASP 文档 ， 命 名 为 index.asp， 保 存在 文件 夹 “ 实 例 1” 中 ， 在 文档 设 
计 视 图 中 ， 揪 入 一 个 3 行 2 列表 格 ， 按 下 图 所 示 设置 表格 属性 。 


国 WWt | 嚼 标题 : 匹 奈 本文 和 1. 名 
1 上下 二 有朋 POP PP PPP -PP 玫 


----------.@@@@G:----------- 


变 画 ]| 人 来 辣 革 0 
间距 0 


(11) 将 表格 第 1 行 合并 为 1 个 单元 格 ， 设 置 其 高 度 为 165px， 将 光标 定位 在 该 单元 格 
内 ， 然 后 切换 为 代码 视图 ， 在 光标 所 在 位 置 输入 下 图 所 示 代 码 。 


<tr> 
<td height="165" colspan="2"|<!--#i 
</cr> 


<!--#include file="top.asp"--> 表 示 在 文档 的 当前 位 置 包含 top.asp 文件 ， 当 执行 该 语句 
二，top.asp 文件 所 包含 的 html 代码 与 脚本 会 在 相应 位 置 执行 或 显示 。 
ASP 程序 允许 将 常用 过 程 、 函 数 放 在 一 种 特殊 的 文件 中 ， 在 需要 使 用 这 些 过 程 和 函数 
的 程序 中 将 这 种 特殊 文件 包含 进来 ， 从 而 大 大 提高 代码 的 重用 性 。 这 个 特殊 文件 称 为 包含 
文件 。 包含 文 件 的 扩展 名 可 以 是 .asp 或 html， 通 常 为 .inc，IIS 会 在 处 理 .asp 程序 之 前 先 插 
入 包含 文件 的 内 容 。 在 某 一 文件 中 包含 其 他 文件 的 方法 如 下 。 
<!-- #include 文件 路 径 类 型 =" 文 件 名 "--> 
参数 说 明 如 下 。 
文件 路 径 类 型 的 值 有 两 个 : Virtual 表示 文件 名 中 给 出 的 是 虚拟 路 径 ，File 表示 文件 名 
中 给 出 的 是 物理 路 径 ， 可 以 是 相对 路 径 也 可 以 是 绝对 路 径 。 
在 使 用 文件 包含 命令 时 需 注 意 如 下 两 点 。 
@ 被 包含 的 文件 也 可 以 包含 其 他 文件 ， 但 应 避免 循环 包含 。 例 如 文件 A 包含 文件 
B， 而 文件 B 又 包含 文件 A。 另 外 ， 文 件 不 能 包含 自身 。 
@ 在 ASP 中 #include 命令 的 执行 先 于 脚本 的 执行 ， 因 此 在 语法 格式 中 “文件 名 ”项 
不 能 使 用 变量 名 。 例 如 ， 下 面 的 脚本 将 无 法 打开 abc.inc 文件 。 


< 当 filename="abc.inc" 委 > 
<! --#include file="<% =filename %>"--> 


@ ”##nclude 命令 不 能 包含 在 脚本 标记 内 部 。 例 如 : 
<% 

<! --#include file="” abc.inc” --> 

$> 


(12) 文件 top 已 经 被 包含 在 index 文档 中 ， 如 下 图 所 示 。 将 表格 第 2 行 的 两 个 单元 格 
的 “垂直 ”对 齐 方式 设置 为 “顶端 ” 对齐 ， 将 第 1 个 单元 格 的 宽度 设置 为 198px， 将 第 2 
个 单元 格 的 宽度 设置 为 590px， 然 后 将 表格 第 3 行 合并 为 1 个 单元 格 ， 最 后 将 光标 定位 在 
表格 第 2 行 的 第 1 个 单元 格 内 。 
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(13) 切换 到 代码 视图 ， 在 光标 所 在 位 置 输入 代码 <!--#include file="top.asp"-->;， 在 表格 
第 2 行 的 第 2 个 单元 格 内 输入 代码 <!--#include file="center.asp"-->; 在 表格 第 3 行 的 单元 
格 内 输入 代码 <!-- 贡 nclude file="foot.asp"-->， 即 可 完成 网 上 商城 asp 首页 的 制作 。 文 件 
index.asp 中 <body> 标 记 内 的 代码 如 下 。 


<table width="792" border="0" align="center" cellpadding="0" 
cellspacing="0"> 
<tr> 
<td height="165" colspan="2"><!--#include file="top.asp"—— 
></td></tr> 
<tr> 
<td width="198" valign="top"><!--#include file="left.asp"--></td> 
<td width="590" valign="top"><!--#include file="center.asp"-—— 
></td></tr> 
<tr> 
<td colspan="2"><!--#include file="foot.asp"--></td></tr> 
</table> 


中 入 提示 


如 果 要 修改 网 页 中 所 包含 文件 的 内 容 ， 需 要 打开 相应 的 包含 文件 进行 修改 。 同 


理 ， 当 修改 了 某 一 包含 文件 之 后 ， 所 有 调用 该 包含 文件 的 网 页 都 会 随 之 发 生变 化 。 


8.2 用户 管理 界面 


网 上 商城 用 户 管理 功能 包含 用 户 注册 、 用 户 登 录 验 证 、 用 户 资料 修改 和 用 户 注销 等 功 
能 ， 用 户 管理 功能 的 整体 流程 与 文件 结构 如 下 图 所 示 ， 所 使 用 的 数据 表 为 user。 


户 登录 窗口 (left.asp) 


将 用 户 信息 保存 到 Session 对 象 返回 网 站 首页 


修改 用 户 信息 (usercenter.asp) 注销 退出 (top.asp) 


--------.@OOE.--------- 
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实例 2 用 户 注册 
用 户 注 册 就 是 收集 和 记录 用 户 信息 的 一 个 过 程 。 网 上 商城 新 用 户 注册 的 流程 如 下 图 


进入 会 员 注册 页 面 
输入 会 员 注册 信息 


单 击 left.asp 文件 中 的 “注册 ”按钮 会 链接 到 会 员 注册 页 面 reg.asp， 如 下 图 所 示 ， 在 
会 员 注册 页 面 输入 用 户 信息 后 ， 单 击 “ 注 册 ” 按 钮 会 对 用 户 信息 进行 合法 性 判断 ， 如 果 符 
合 规则 会 将 其 提交 到 服务 器 并 存储 到 数据 库 中 。 有 具体 制作 方法 如 下 。 


ET TT 


(1) 打开 文件 leftasp， 单 击 “ 注 册 ” 按 钮 ， 在 “链接 ”文本 框 中 输入 reg.asp， 在 
“目标 ”下 拉 列 表 框 中 选择 _blank 项 ， 如 下 图 所 示 。 
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(2) 在 reg.asp 中 通过 表单 将 用 户 注册 信息 提交 给 页 面 reg.asp， 该 页 面 接收 并 将 数据 


写 入 到 数据 库 中 。 关 键 代 码 如 下 。 


<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<!--#include file="include/conn.asp" -—-> 
<!--#include file="include/include.asp" --> 
<!--#include file="include/md5.asp" -> 
< 各 
if request ("action")="add" then // 判断 提交 的 action 的 值 是 否 为 add 
sql="select * from [user] where name='"g&trim(request ("user"))g&"';" 
/7' 按 提交 的 用 户 名 查询 数据 库 中 是 否 存在 该 用 户 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 


es rs.eof then //' 如 果 记 录 集 没有 到 结尾 的 话 (没有 到 结尾 就 说 明 有 相 
应 的 ) 
response.Write ("<script>alert (' 该 用 户 名 已 经 被 注册 ! ') ;history.back(); 


</script>")' 提 示 更 换 其 他 用 户 名 进行 注册 一 一 


response.End () 
end if 一 个 网 站 不 应 该 有 两 个 相同 的 
rs.close 用 户 名 ， 和 否则 无 法 进行 区 分 


set rs=nothing 
sql="select * from [user]" 
set rs=Server.CreateObject ("ADODB .Recordset") 


rs.open sql,conn,3,3 //' 以 写 入 方式 打开 数据 表 
rs.addnew // "添加 新 的 记录 


rs("name")=trim(request ("user")) 

rs("pass")=md5 (trim(request ("pass"))) //' 将 取得 的 密码 通过 MD5 进行 加 密 
rs("mail")=trim(request ("mail")) 
rs("youbian")=trim(request ("youbian")) 
rs("xingming")=trim(request ("xingming")) 
rs("shenfenzheng")=trim(request ("shenfenzheng")) 
rs("tel")=trim(request ("tel")) 
rs("qq")=trim(request ("qq")) 
rs("tishi")=trim(request ("tishi")) 
rs("huida")=trim(request ("huida")) 
rs("dizhi")=trim(request ("dizhi")) 


rs("shijianl")=now() // "注册 时 间 
rs("cishu")="0" // "登录 次 数 设置 为 0 
rs.update 

rs.close 


set rs=nothing 
response.Write ("<script>alert (' 注 册 成 功 ! 
') ;window.location.href='index.asp';</script>") 


end if 

当 > 利用 javascript 函数 对 提交 的 数 
<script language="javascript"><S2> > 据 进 行 验证 ， 判 断 数据 是 否 为 空 
function chk() 


{ 


if (document .myform.user.value=="") 
{ 
document .myform.user.focus(); 
alert ("请 输入 用 户 名 ! "); 


return false; 
if (document .myform.pass.value=="") 
document .myform.pass.focus(); 


alert ("请 输入 密码 ! ") ; 
return false; 


a 


“ye (al 


i 


if (document .myform.mail .value=: 


document .myform.mail.focus(); 
alert ("请 输入 电子 邮件 ! "); 


return false; 

if (document .myform.youbian.value=="" 
document .myform.youbian.focus(); 
alert ("请 输入 邮编 ! ") ; 
return false; 

if (document .myform.xingming.value=="") 
document .myform.xingming.focus(); 
alert ("请 输入 真实 姓名 ! "); 
return false; 

if (document .myform.tel.value=="") 
document .myform.tel.focus(); 


alert ("请 输入 联系 电话 ! "); 


return false; 


if (document .myform. shenfenzheng.value== 


document .myform. shenfenzheng.focus (); 
alert ("请 输入 身份 证 ! ") ; 


return false; 
if (document .myform.dizhi.value=="") 
document .myform.dizhi.focus(); 


alert ("请 输入 地 址 ! ") ; 


return false; 


if (document .myform.qq.value=="" 


document .myform.qq.focus(); 
alert ("请 输入 联系 qq! "); 


return false; 
if (document .myform.tishi.value=="") 
document .myform.tishi.focus(); 


alert ("请 输入 密码 提示 ! "); 


return false; 


设置 表单 的 提交 对 象 为 "， 表 示 提 
交 给 页 面 自身 。 在 单 击 “ 注 册 ” 按 
钮 后 ， 调 用 函数 chk0 验 证 用 户 信 
息 的 合法 性 


if (document .myform.huida.value=="") 


document .myform.huida.focus(); 
alert ("请 输入 密码 回答 ! ") : 


return false; 


, 
} E> 
</script> 
- . .和 省略 的 部 分 是 显示 代码 < 
<form action="" name="myform" id="" onSubmit="return chk();"> 
- - - "省 略 的 部 分 是 显示 代码 


</form> 
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JavaScript 主要 用 于 制作 网 页 特效 (如 文字 跟随 鼠标 移动 )、 表 单 前 端 验证 (如 检查 用 


户 输入 信息 的 合法 性 )、 窗 口 操作 (打开 与 关闭 新 窗口 ) 等 ， 是 一 种 基于 对 象 和 事件 驱动 
并 具有 安全 性 能 的 脚本 语言 ， 它 通过 嵌入 或 调 入 在 标准 的 HTML 中 实现 (通常 会 将 
JavaScript 脚本 嵌入 在 文档 头 部 )， 嵌 入 方法 与 VBScript 客户 端 脚本 相同 。 


@ document 对 象 : 这 JavaScript 中 极为 重要 的 一 个 对 象 ， 它 可 以 访问 当前 文档 所 包 
含 的 HTML 元 素 。document 与 元 素 间 用 句点 连接 。 例 如 ， 访 问 当前 文档 中 的 表 
单 myform 中 的 文本 字段 user 的 值 (value)， 可 以 使 用 documentmyform uservalue。 

@ ”alert(" 对 话 框 内 容 "):; 用 于 向 客户 端 浏览 器 弹出 一 个 对 话 框 ， 对 话 框 中 显示 的 信 
息 为 括号 内 双 引 号 所 包含 的 字符 串 。 


提示 


@ document.myform.user.focus(): 用 于 将 光标 定位 在 user 文本 字段 中 。 方 法 focus0 
的 作用 是 将 光标 定位 在 指定 的 元 素 中 。 

@ retum false: return 用 于 返回 函数 值 ， 在 本 例 中 false 为 函数 返回 值 。 

e@ onSubmit: 主要 针对 submit( 提 交 ) 按 钮 ， 用 于 指定 在 单 击 submit 按钮 之 后 将 执行 
的 程序 。 例 如 设置 其 值 为 “chk0;”， 表 示 按 钮 submit 之 后 ， 将 执行 函数 chk()。 
而 设置 为 retrun chkO 的 目的 是 ， 当 函数 chk0 的 返回 值 为 false 时 ， 将 禁止 提交 表 
单 ， 和 否则 提交 表单 。 


实例 3 用 户 登录 验证 

登录 任何 网 站 时 ， 网 站 都 会 对 用 户 的 身份 进行 判断 ， 在 本 例 中 ， 当 输入 用 户 名 与 密码 
之 后 ， 单 击 “ 登 录 ” 按 钮 ， 系 统 会 将 表单 中 的 用 户 信息 提交 到 用 户 验证 页 面 login.asp， 对 
用 户 的 身份 进行 验证 ， 如 果 数 据 库 中 存在 相对 应 的 数据 ， 则 用 户 就 可 以 登录 网 站 了 。 用 户 
登录 验证 的 整体 流程 如 下 图 所 示 。 


输入 用 户 名 与 密码 


‘OCOO.-------- 


显示 用 户 登录 信息 


提示 用 户 重新 输入 


“(el 
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用 户 登录 验证 功能 的 实现 方法 如 下 。 
(1) 先 来 看 看 用 户 登 录 时 的 代码 验证 部 分 (由 login.asp 实现 )。 


<!--#include file="include/conn. asp” 一 -> 

<!--#include file="include/md5.asp" -—-> 

< 

if request ("login")="out" then //' 本 例 将 用 户 登录 和 退出 写 在 同一 个 文 


件 中 ， 以 接收 到 的 login 值 进行 判断 ，login 的 值 为 out 说 明 用 户 在 执行 注销 操作 
session("cishu")="" 
session("shijian")= 
Session("user")="" 
response.Redirect ("index.asp") // "清除 所 有 与 用 户 有 关 的 信息 ， 并 转向 到 首页 
response.End() 

end if 

sql="select * from [user] where name='"&gtrim(request ("user"))g"';" 

//" 按 用 户 名 进行 查询 

set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

if not rs.eof then //' 如 果 用 户 名 存在 
if rs("pass")=md5 (trim(request {pags )) then 

FE 将 数据 库 中 存储 的 密码 和 用 户 提交 的 密码 进行 比较 
session("shijian")=rs ("shijian2") 
session("cishu")=rs ("cishu") 

session ("user")=trim(request ("user")) 


// "将 相关 的 信息 储存 到 session 对 象 内 ， 以 便 随时 获取 


rs ("shijian2")=now() // "最 后 一 次 登录 时 间 ， 也 就 是 当前 时 间 
rs("cishu")=rs ("cishu")+1 // 登录 次 数 加 1 
rs.update 
response.Redirect ("index.asp") //' 成 功 后 转向 到 首页 
else //' 如 果 密 码 不 一 样 


session ("user")="" 

session("cishun 

session("shijian")="" 

response.Write ("<script>alert (' 用 户 名 或 密码 错误 ! 
') ;window.location.href ='index.asp';</script>") 


response.End() // "清除 所 有 与 用 户 有 关 的 信息 ， 并 转向 到 首页 
end if 
else // "如 果 用 户 名 不 存在 


session("user")="" 
session("cishu") 
session("shijian")="" 
response.Write (<script>alert i 用 户 名 或 密码 错误 ! 
') ;window.location.href= 'index.asp';</script>") 
response.End() fy 清除 所 有 把 用 只 寿 关 的 信息 ， 并 转向 到 首页 
end if 
rs.close 
set rs=nothing 
名 > 


数据 库 中 的 密码 是 经 过 MD5 加 密 过 的 ， 用 户 提交 的 密码 也 必须 经 过 MD5 加 密 后 


再 进行 验证 ; 否则 即使 密码 正确 ， 但 因为 一 个 是 加 密 过 的 ， 另 一 个 没有 进行 加 密 ， 所 
以 最 终结 果 也 不 可 能 通过 验证 。 


(2) 参照 第 6 章 实 例 8 的 内 容 ， 编 写 显示 用 户 登 录 信 息 的 程序 代码 。 


(60) EE 
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实例 4 用户 资料 修改 

打开 网 上 商城 网 站 之 后 ， 单 击 “ 用 户 中心 ” 超 级 链接 可 以 打开 用 户 资料 修改 页 面 
(usercenter.asp)， 如 下 图 所 示 。 用 户 资料 修改 页 面包 含 用 户 信息 查询 、 用 户 基 本 信息 修 
改 、 用 户 密码 修改 、 密 码 找 回 和 用 户 订单 查询 等 功能 。 


数 玛 商 拓 一 北京 多 企 烤 文 化 发 展 中 心 - Windows Internet Exzplorer 辐 回 加 
文件 四 凡 往 芭 ) 查看 外 收 意 天 (AN) 工具 GD) 帮助 0 
(el ~ Me /Nechesosereente ss x 


宽 安 | 大风 9R 枯 -te | | : 从" 上 ”总 "如 下 ~ 


13522675655 
130231198211122258 
100098 

北京 壬 府 井 大 衔 122 号 


135215200 


用 户 中 心 不 一 定 非 要 用 户 登 录 之 后 才 可 以 操作 ， 因 为 还 涉及 密码 丢失 与 密码 找 回 
的 问题 ， 如 果 密 码 已 经 丢失 就 谈 不 上 登录 了 ， 因 此 ， 在 用 户 中 心 的 操作 可 以 在 未 登录 
的 状态 下 进行 。 


-1GG@@EG:---------- 


在 用 户 资料 修改 页 面 (usercenter.asp) 中 实现 用 户 资料 修改 的 关键 代码 如 下 。 


<!--#include file="include/conn.asp" --> fs 击 连接 数据 库 
<!--#include file="include/include.asp" --> //' 过 滤 非 法 字符 
<!--#include file="include/user include.asp" -—-> 


//' 文 件 user_include.asp 用 于 实现 用 户 资料 的 修改 功能 
<table width="96%" border="0" align="center" cellpadding="0" 
cellspacing="0"> 
EE 

<td><div align="center"><a href="usercenter.asp?action=1"> 用 户 信 息 
</a></div></td> 

<td><div align="center"><a href="usercenter.asp?action=2"> 修 改 信 息 
</a></div></td> 

<td><div align="center"><a href="usercenter.asp?action=3"> 修 改 密码 
</a></div></td> 


“ee 


1 ih 


<td><div align="center"><a href="usercenter.asp?action=4"> 密 码 找 回 


</a></div></td> 


<td><div align="center"><a href="usercenter.asp?action=5"> 用 户 订单 


</a></div></td> 

</tr> 

</table> 

. . .省略 部 分 显示 代码 

< 和 

action=request ("action") 

if request ("action")="" then  //' 如 果 用 户 没有 进行 操作 ， 则 显示 用 户 信 息 


action="1" 


end if 
select case action //' 判 断 action 的 值 
case "1" 
lookuser () //' 查 看 用 户 信 息 
case "2" 
upuser () //' 修 改 用 户 信 息 的 表单 部 分 
case "3" 
uppass () //' 修 改 用 户 密码 的 表单 部 分 
case "4" 
lookpass () //' 密 码 找 回 的 提交 表单 
Case "5" 
dingdan () //' 显 示 用 户 所 有 订单 
case "updateuser" 
updateuser () // "修改 用 户 信息 
case "updatepass" 
updatepass () //' 修 改 用 户 密码 
case "thispass" 
thispass () //' 用 户 密码 找 回 
end select 
名 > 


上 述 程序 代码 主要 是 根据 用 户 提交 不 同 的 值 调 用 相应 的 过 程 ， 本 例 将 功能 实 
装 到 了 页 面 include/user include.asp 中 。 


1. 显示 用 户 信息 


显示 用 户 信息 的 功能 由 文件 include/user_include.asp 中 的 lookuser0 过 程 实现 
的 功能 是 在 数据 库 中 查询 用 户 名 与 session 中 保存 的 用 户 名 相同 的 用 户 信息 ， 并 
的 用 户 信息 显示 在 页 面 usercenter.asp 中 。lookuserO 过 程 的 关键 代码 如 下 。 


<%sub lookuser () g> // "查看 用 户 信息 
. . .省 略 部 分 显示 代码 


<% 


现 部 分 封 


将 查询 到 


sql="select * from [user] where name='"'"gtrim(session("user"))g&"';" 


//' 查 询 用 户 的 SQL 语句 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then 
多 > 
<tr> 

<td height="25" align="center" bgcolor="95a3bl"><span 
class="style5"> 详 细 信息 </span></td></tr> 
<tr> 

<td valign="top" bgcolor="#FFFFFF"><br> 

<table width="90%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor="BDBDBC"> 

<tr height="20" bgcolor="#FFFFFF" align="center"> 

<td width="21%" height="30"> 用 gnbsp; 户 gnbsp; 名 : </td> 


1 


通过 表格 显示 从 数据 库 
中 查询 出 来 的 用 户 信息 


EEE 


<td width="79%"><div align="left"><$%=rs ("name")%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 电 子 邮件 : </td> 
<td><div align="left"><%=rs ("mail")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 姓 gnbsp; gnbsp; gnbsp; gnbsp; 名 : </td> 
<td><div align="]left"><%=rs ("xingming")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 电 &nbsp; gnbsp; gnbsp; gnbsp; 话 : </td> 
<td><div align="left"><%=rs ("tel")%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 身 gnbsp; 份 egnbsp; 证 : </td> 
<td><div align="]left"><%=rs ("shenfenzheng")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 邮 &nbsp; gnbsp; gnbsp; gnbsp; 编 : </td> 
<td><div align="left"><%=rs ("youbian")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 地 gnbsp; gnbsp; gnbsp; gnbsp; 址 : </td> 
<td><div align="left"><%=rs ("dizhi")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 联 系 gnbsp; gnbsp;QQ: </td> 
<td><div align="left"><%=rs ("qq")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 提 gnbsp; gnbsp; gnbsp; &nbsp; 示 : </td> 
<td><div align="left"><%=rs ("tishi")®%></div></td> 
</tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td height="30"> 注 册 时 间 : </td> 
<td><div align="left"><%=rs ("shijianl")®%></div></td></tr> 
<tr height="20" bgco #FFFFFF" align="center"> 
<td height="30"> 上 次 登录 : </td> 
<td><div align="left"><%=rs ("shijian2")®%></div></td></tr> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<tqd height="30"> 登 录 次 数 : </td> 
<td><div align="left"><%=rs ("cishu")®%></div></td></tr> 
</table><br></td></tr> 
< 
end if 
rs.close 
set rs=nothing 
%> 
</table> 
</td></tr></table> 
<%Send sub%®> 


2. 修改 用 户 信息 


修改 用 户 信息 (如 下 图 所 示 ) 的 功能 由 文件 include/user include.asp 中 的 upuser0 和 
updateuserO 过 程 实现 ， 该 功能 是 在 数据 库 中 查询 用 户 名 与 session 中 保存 的 用 户 名 相同 的 
用 户 ， 并 将 数据 库 中 保存 的 该 用 户 的 信息 替换 为 表单 提交 的 用 户 信息 ， 然 后 显示 修改 后 的 
用 户 信息 。upuser0 过 程 的 关键 代码 如 下 。 

<%sub upuser () 当 > 


<script> 
function chk() 


{ 

- - "省略 表单 数据 的 验证 代码 
} 

</acript> 


- - . "省略 部 分 显示 代码 
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本 (| 


全 本 地 Intranet 


set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
多 > 


通过 表单 将 修改 后 的 用 户 信息 
提交 给 usercenterasp， 然 后 调 
用 过 程 updateuser 更 新 数据 库 


< 一 入 
< 一 
<form name="myform" action="usercenter.asp" method="post" 
onSubmit="return chk();"> 
..…' 省 略 部 分 显示 代码 
<input name="action" type="hidden" value="updateuser"> 
<input name="id" type="hidden" value="<%=rs ("id")%$>"> 
<input type="reset" name="reset" value=" 关 闭 " 
onClick='javascript:window.close();'> gnbsp;&nbsp; 
<input name="submit" type="submit" value=" 修 改 "></td> 
</tr></table><br></td></tr> 
</form> 
次 六 
rs.close 
set rs=nothing 
名 > 
</table></td></tr></table> 
<%end sub%®> 


updateuser0 过 程 的 代码 如 下 。 


sub updateuser () //' 修 改 用 户 信 息 
sql="select * from [user] where id="grequest ("id")&" and 
name='"gtrim ( session ("user™ ))g"';" //' 在 user 表 中 查找 字段 id 与 


提交 表单 中 的 id 值 相同 且 用 户 名 与 登录 的 用 户 名 相同 的 记录 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
rs("mail")=trim(request ("mail")) 
rs("youbian")=trim(request ("youbian")) 
rs("xingming")=trim(request ("xingming")) 
rs("shenfenzheng")=trim(request ("shenfenzheng")) 
rs("tel")=trim(request ("tel". 


rs("qq")=trim(request ("qq") ) 一 一 全 
rs("tishi")=trim(request ("tishi")) 更 新 user 表 中 的 记录 


rs("huida")=trim(request ("huida")) 
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更 新 用 户 信息 后 弹出 修改 
成 功 提示 对 话 框 ， 然 后 显 
示 修 改 后 的 用 户 信息 


rs("dizhi")=trim(request ("dizhi")) 
rs.update 
rs.close 
set rs=nothing 
response.Write("<script>alert("' 修改 成 功 ! ') ;window.location.href = 
'usercenter.asp? action=1'7</script>") 
end sub 


3. 修改 密码 


修改 用 户 密码 (如 下 图 所 示 ) 的 功能 由 文件 include/user include.asp 中 的 uppassO 〇 和 
updatepass() 过 程 实现 ， 该 功能 同 修改 用 户 信 息 类 似 。uppass0 过 程 的 关键 代码 如 下 。 


数码 商城 一 北京 全 全 苇 文 化 发 展 中 心 - Win 


Y | 四 ] http:/1lecalhost/aserceater ma 加 好 | X 
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tm 
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<%sub uppass () 当 > 


<script> 
function chk() 通过 表单 将 修改 后 的 用 户 密码 
提交 给 usercenterasp， 然 后 调 
.省略 部 分 验证 代码 用 过 程 updatepass 更 新 数据 库 
} 
</script> 
. 省略 部 分 显示 代码 
< 委 


sql="select * from [user] where name='"&trim(session("user"))&"' 7" 


set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 Sey 

if not rs.eof then 

多 > 

<form name="myform" action="usercenter.asp" method="post" 

onSubmit="return chk();"> 
<input name="action" type="hidden" value="updatepass"> 
<input name="id" type="hidden" value="<%=rs ("id")%®>"> 
<input name="up" type="hidden" 

value="<%=request ("up")%>">gnbsp; &nbsp; 
<input name="submit" type="submit" value=" 修 改 "></td> 
</tr></table><br></td></tr> 

</form> 

<% 

end if 

rs.close 

set rs=nothing 

$> 

</table></td></tr></table> 

<%end Subg> 

updatepass () 过 程 的 代码 如 下 。 

sub updatepass () // "修改 用 户 密码 


曲 
加 
- 
@ 
be 


Oe att 


sql="select * from [user] where id="g&request ("id")&" and 
name="'"gtrim(session("user")) g&"';" /1/' 条 件 查 询 

set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

rs("pass")=md5 (request ("newpass1"))  //' 将 用 户 提交 的 密码 通过 MD5 进行 加 密 

rs.update 

rs.close 

set rs=nothing 

response.Write ("<script>alert (' 修 改 成 功 ! 
') ;window.location.href='usercenter.asp? action=1';</script>") 
end sub 


4. 找 回 密码 


找 回 用 户 密码 (如 下 图 所 示 ) 的 功能 由 文件 user_include.asp 中 的 lookpassO0 和 thispass() 
过 程 实现 。 


孝 码 商城 一 北京 全 企鹅 文 化 发 展 中 心 -Windows Internet Explorer 
文件 和 ”编辑 人 ) 可 看 WD 收藏 天 &) 工具 帮助 0D 


ED [Ehp /ocdhost/asercenter oa 同好 | 


请 安 大 妆 罗 南 城 -北京 全 8 文 | | : 丛 ” 四 ”总 " 避 面 中 稳 IRWD-” 


~ 


如 果 想 使 用 密码 找 回 功能 ， 必 须 输入 用 户 名 和 对 应 的 密码 提示 及 密码 回答 。 单 击 “ 取 
回 ” 按 钮 后 ， 表 单 将 被 提交 到 usercenter.asp 页 面 ， 经 过 判断 后 调用 user_include.asp 文件 
中 的 thispassO 过 程 ， 经 过 查询 user 数据 表 后 ， 返 回 给 用 户 相应 的 信息 。lookpassO 过 程 的 
关键 代码 如 下 。 


<%sub Lookpass ()%> 
<script> 
function chk() 


| 


通过 表单 将 密码 保护 问题 和 答案 
{ 提交 给 文件 usercenter.asp， 然 后 
. .. ' 省 略 部 分 验证 代码 调用 过 程 thispass0 找 回 密码 

} 


</script> >> 
- - . "省略 部 分 显示 代码 三 一 
<form name="myform" action="usercenter.asp" method="post" 
onSubmit="return chk();"> 
- - .省略 部 分 显示 代码 
<input name="action" type="hidden" value="thispass">gnbsp;é&nbsp; 
<input name="submit" type="submit" value=" 取 回 
"></td></tr></table><br></td></tr> 
</form></table></td></tr></table> 
<%end Subg> 


thispassO 过 程 的 代码 如 下 。 


(EE 
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sub thispass () 
sql="select * from [user] where name='"&request ("name")&" "7 
// "确定 用 户 输入 的 用 户 名 是 否 存在 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then “如 果 存 在 
if rs("huida")=request ("huida") and rs ("tishi")=request ("tishi") 
then /7 "判断 用 户 输入 的 密码 提示 和 密码 问题 回答 与 数据 库 中 是 否 一 致 
session("shijian")=rs ("shijian2") //' 设 置 用 户 已 经 登录 
session("cishu")=rs ("cishu") 
session("user")=trim(request ("name")) 
rs("shijian2")=now() 
rs("cishu")=rs ("cishu")+1 
rs.update 
response.Write ("<script>alert (' 系 统 提 示 \n\n 验证 通过 ， 进 入 自动 登录 状 
态 ! ') ;window.location.href='usercenter.asp?action=3';</script>") 
// "进入 用 户 中 心 的 密码 修改 模块 中 
response.End() 
end if 
end if 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 数 据 不 正确 ， 无 法 查询 ! 
') ;window.location.href= 'usercenter.asp?action=1';</script>") 
// "也 许 是 用 户 名 、 提 和 示 或 回答 中 任何 一 个 输入 不 符 (没有 做 具体 判断 是 邦 种 错误 ， 因 为 不 可 以 告 
// ' 诉 用 户 过 于 详细 的 信息 ， 避 免 无 限 的 猜 解 ) 


end sub 

5. 用 户 订单 

由 于 用 户 订单 功能 属于 购物 车 模块 的 一 部 分 ， 因 此 其 具体 实现 方法 请 查看 8.6 节 。 

实例 5 用 户 注销 

用 户 注销 就 是 消除 用 户 的 登录 状态 ， 清 除 用 户 储存 在 session 中 的 信息 ， 使 用 户 无 法 
使 用 网 站 的 某 些 功 能 。 本 例 将 用 户 注销 功能 放 在 了 文件 login.asp 中 。 通 过 单 击 “ 注 销 退 
出 ”超级 链接 (如 下 图 所 示 )， 执 行文 件 login.asp 并 将 变量 login 的 值 设 置 为 out， 这 样 便 实 
现 了 用 户 注销 功能 。 


数码 商城 一 北京 全 企鹅 文化 发 展 中 心 - Windows Internet Explorer 
文件 FE) ”编辑 下 ) 查看 WW) 收藏 严 丰 ) 工具 XI) 帮助 0) 


Meieesllestvinadus es0 


帘 安 | 着 数 友 商 城 -北京 全 全 敬文 .| | : 从- 


-GO@GOEG-----------: 


http://localhost/login. asp?login=o 


通过 超级 链接 给 login.asp 传送 数据 的 方法 如 下 。 


<td width="11%"><div align="center"><a href="login.asp?1login=out"> 注 销 退 
出 </a> </div> 


BE [Me/ 
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8.3 新 闻 发 布 界面 


新 闻 发 布 是 一 个 基于 新 闻 和 内 容 管理 的 全 站 管理 系统 。 该 系统 可 以 将 杂乱 无 章 的 信息 
(包括 文字 、 图 片 和 影音 ) 经 过 组 织 ， 合 理 有 序 地 呈现 在 大 家 面前 。 网 上 商城 网 站 的 新 闻 发 
布 功能 主要 用 于 展示 企业 新 闻 与 各 种 促销 活动 等 。 

实例 6 站 内 公告 显示 

站 内 公告 主要 用 于 显示 网 站 的 欢迎 信息 或 网 站 内 部 重大 消息 。 该 功能 的 实现 非常 简 
单 ， 只 需 通过 程序 调用 公告 数据 表 (gonggao) 中 的 信息 ， 将 其 显示 在 网 页 中 用 于 显示 公告 信 
息 的 表格 内 即 可 ， 如 下 图 所 示 。 


数码 商城 一 北京 全 企 扫 文化 发 展 中 心 - Windows Internet Explorer 
文件 中 编 铝 于) 查看 收 意 交 由) 工具 GD) 帮助 0 
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网 上 商城 将 实现 站 内 公告 显示 功能 的 代码 放置 在 文件 left.asp 中 ， 实 现 该 功能 的 关键 
代码 如 下 。 

< 多 
sql="select * from gonggao"//' 查 询 gonggao 表 中 的 公告 信息 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then //' 如 果 gonggao 表 中 有 公告 信息 则 显示 neirong 字段 的 值 
各 > 
<tr> 

<td width="128" height="192"> 

<marquee width="128" height="150" direction="up" 

onmouseover="this.stop()" onmouseout = "this.start()" 
scrollAmount="]1"><%=rs ("neirong")%®%> </marquee> 

</td></tr> 
<% 
end if 
rs.close 
set rs=nothing 
多 > 


marquee 对 象 用 于 创建 一 个 滚动 字幕 ， 参 数 direction 用 于 设置 滚动 方向 ， 如 left、 


up; onmouseover='"this.stop" 表 示 当 和 鼠标 指针 移动 到 该 对 象 时 暂停 字幕 的 滚动 ; 
onmouseout = "this.start0" 表 示 当 鼠标 指针 移出 该 对 象 时 继续 滚动 显示 ; scrollAmount 用 
于 设置 或 获取 介 于 每 个 字幕 绘制 序列 间 的 文本 滚动 像素 数 。 


(7 EE 


实例 7 新 闻 标题 显示 

网 上 商城 网 站 在 首页 的 “站 内 新 闻 ” 栏 目 中 将 显示 网 站 最 新 的 8 条 新 闻 的 标题 ， 其 实 
现 方法 可 参考 第 6 章 实例 3 内 容 。 当 单 击 “ 站 内 新 闻 ” 超 级 链接 时 ， 系 统 会 显示 网 站 中 所 
有 新 闻 的 标题 ， 如 下 图 所 示 。 


| wmam 


新 品 上 市 2000-3-12 19:00:22 
八 月 保 销 活动 公告 2008-T-7 16-06:22 
购买 商品 时 重要 注 记 的 事项 005 3-0 9.16: 忆 


;页 条 3 页 a 机 四 
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实现 显示 全 部 新 闻 标题 的 代码 放置 在 文件 news.asp 中 ， 关 键 代码 如 下 。 


<table width="96%" border="0" align="center" cellpadding="0" 
cellspacing=" 
<% 
sql="select * from [news] order by id desc;" //' 查 询 新 闻 表 news 中 的 所 有 记录 
set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,1,1 


if rs.eof And rs.bof then // "如 果 新 闻 表 中 没有 记录 则 显示 提示 内 容 
Response .Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
JS 
else 
rs.pagesize=20 // "指定 记录 集 每 页 显示 的 行 数 


SafeRequest (request ("page")) 
//'SafeRequest () 函数 是 文件 include/include.asp 中 的 自 定义 函数 ， 用 于 验证 括号 
// "内 的 数据 是 否 为 数字 型 
page=clng (request ("page")) 
if page<1l then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show(rs,page) 
rs.absolutepage=page 
for i=1 to rs.pagesize 


---------"@OOOE.---------- 


op 


<tr> 
<td width="71%"><a href="looknews.asp?id=<%=rs ("id")%®>" 
target=" blank"> < Ts ("bjiaoti")s></a></td> 它 一 
<td width="29%"><%=rs ("shijian") %></tde > 


E> show0 函数 用 于 分 页 显示 查 
. 询 到 的 新 闻 记 录 的 biaoti 和 
<td ht ht="6"></td> :这 
< shijian 字段 
-Ee 


人 
op 


rs.movenext 
if rs.eof then exit for 


与 应 用 


next 
end sub 
务 > 
<tr> 
<form action=''" method='get' name="'form'> 
<td heigh 30" colspan="2"> 
<div align="center"> 
< 各 
if page<>1 then // "如果 当 前 页 不 是 第 一 页 则 输出 对 应 的 链接 


response.Write ("gnbsp; gnbsp; <a href="&path&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp;<a href="gpathg"?page="& (page-1)&" > 
上 一 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color='#FF0000'>"gpage&g"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
color="#FF0000'>"grs.recordcountg" </font>/ <font 
Color='#FF0000'>"&rs.pagecount&"</font> 页 ") 
if page<>rs.pagecount then //' 如 果 当 前 页 不 是 最 后 一 页 则 输出 对 应 的 链接 
response.Write ("gnbsp; gnbsp;<a href="&path&"?page="& (page+1)&"> 下 
-页 </a>") 
response.Write ("gnbsp; gnbsp; <a 
href="gpathg"?page="&rs.pagecountg"> 最 末 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
%> 
</div></td></form></tr></table> 


实例 8 新 闻 内 容 显示 
当 单 击 某 一 新 闻 标 题 后 ， 网 上 商城 网 站 会 通过 程序 调用 数据 库 中 与 该 新 闻 标 题 对 应 的 


新 闻 内 容 ， 然 后 将 其 显示 到 网 页 中 ， 如 下 图 所 示 。 


数码 商 舌 -北京 全 企 菇 文化 发 展 中 心 - Windows Internet Explorer 
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区 -加 屿 -IAO -~ 


显示 新 闻 内 容 的 功能 由 文件 looknews.asp 实现 ， 关 键 代码 如 下 。 
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<table width="96%" border="0" align="center" cellpadding="0" 
cellspacing="0"> 
<% 
sql="select * from [news] where id="&g&request ("id")g&";" 
/7 "根据 单 击 新 闻 标题 之 后 提交 的 id 号 ， 在 news 表 中 搜索 相关 的 记录 并 显示 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
多 > 
<tr> 
<td><div align="center"><span 
class="style4"><b><%=rs ("biaoti")%®%></b></span> </div> </td></tr> 
<tr> 
<td>gnbsp;</td></tr> 
<tr> 
<td><%=HTMLEncode (rs ("neirong"))%></td></tr> 
//' 调 用 文件 include/include.asp 中 的 自 定义 函数 HTMLEncode () 替换 新 闻 内 容 中 的 空格 、 
换行 符 等 
< 村 
rs.close 
set rs=nothing 
名 > 
</table> 


8.4 商品 展示 界面 


网 上 商城 网 站 的 商品 展示 系统 用 于 显示 网 站 的 商品 信息 ， 包 含 最 新 商品 展示 、 推 荐 商 
品 展示 、 热 门 商品 展示 和 商品 分 类 展示 等 页 面 。 具 体制 作 方法 如 下 。 

实例 9 最 新 商品 展示 

当 单 击 “ 最 新 商品 ”超级 链接 后 ， 网 站 将 转向 执行 最 新 商品 展示 页 面 newgoods.asp， 
显示 最 近 上 架 的 商品 信息 ， 如 下 图 所 示 。 
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最 新 商品 展示 页 面 newgoods.asp 中 的 关键 代码 如 下 。 


<1!--#include file="include/conn.asp" --> 

<!--#include file="include/include.asp" --> 

<table width="789" border="0" align="center" cellpadding="0" 
cellspacing="0"> 

- - - "省略 部 分 显示 代码 

< 

sql="select * from [shangpin] order by id desc" 


//' 查 询 shangpin 表 中 的 所 有 记录 并 以 id 字段 的 倒序 排序 


“ol 


1 eit 


set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,l1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
</p>" 
else 
rs.pagesize=8 
SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<1 then page=1 
if page>rs.pagecount then page=rs.pagecount 
Show rs,page 


通过 表格 显示 查询 到 的 商品 
信息 ， 如 图 片 、 名 称 等 


sub show(rs,page) // 分 页 显示 商品 信息 
rs.absolutepage=page 
for i=1 to rs.pagesize < 一 


多 > 
<td height="89"><table width="255"” border="0" cellspacing="0" 
cellpadding="0"> 
Er> 
<td width="130" rowspan="6"><div align="center"><a href="lookpro.asp?id= 
<%=rs ("id") %>" target=" blank"><img src="upfile/<%=rs ("tupian")%®>" 
width="110" height="130" border ="0"> </a></div></td> 
<td width="20" height="16">&gnbsp;</td> 
<td width="113"><font color="EF9C3E"> 【<%=rs ("mingcheng")s>】 
</font></td> 
</tr> 
. .省略 部 分 显示 代码 
< 多 
end if 

rs.movenext 

if rs.eof then exit for 

next 

end sub 
多 > 
<tr> 

<form action='' method='get' name='form'> 


<td height="30" colspan="2"> 一 
<div align="center"> 显示 页 面 转换 链接 
<% 
ED 


if page<>1 then = 
response.Write ("gnbsp; gnbsp; <a href="& 训 thg"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp;<a href="gpathg"?page="& (page-1)&" > 上 一 
页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 当 前 <font color='#FF0000'>"gpageg"</font> 页 
" 
) 
response.Write ("gnbsp; gnbsp; 条 <font 
color="'#FF0000'>"grs.recordcountg"</font>/< font 
color="'#FF0000'>"&grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; &nbsp; <a href="gpathg"?page="& (page+1)&"> 下 一 页 
</a>") 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="&rs.pagecount&g"> 最 
末 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
和 > 
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- . . "省略 部 分 显示 代码 

</table> 
实例 10 ”推荐 商品 展示 

当 单 击 “ 推 荐 商品 ”超级 链接 后 ， 网 站 将 转向 执行 推荐 商品 展示 页 面 commend.asp， 
显示 最 近 上 架 的 商品 信息 ， 如 下 图 所 示 。 
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显示 “推荐 商品 ”功能 的 实现 方法 同 显示 “最 新 商品 ”相同 ， 在 此 不 再 袭 述 。 两 者 不 
同 的 是 所 使 用 的 查询 语句 不 同 。 显 示 “ 推 荐 商品 ”的 SQL 查询 语句 如 下 。 

sql="select * from [shangpin] where dengji='1' order by id desc" 

//' 查 询 shangpin 表 中 字段 dengji 的 值 为 1 的 记录 ， 并 按 字 段 id 倒序 排序 

实例 11 热门 商品 展示 

当 单 击 “ 热 门 商品 ”超级 链接 后 ， 网 站 将 转向 执行 热门 商品 展示 页 面 hotasp， 显 示 最 
近 上 架 的 商品 信息 ， 如 下 图 所 示 。 


数码 商城 一 北京 全 企鹅 文化 发 展 中 心 Windows Internet Explorer 

文件 中 六 错 E) 查看) 收藏 普 Q) 工具 CT) 帮助 0 2 

GO Ow/ sp x E26 
从 " 目 - 入 " DN-@IAW-” 


~ 


【60 委 名 焰 色 小 畦 去 
BL 


【市 场 价 : 10.8 】 
【会 员 价 :2 3 】 
【查看 信息 】 
【购买 商品 
【浏览 次 数 : 10 


-GEG------------ 


【 龙 土 这 1100nl 中 
- 友 民 本 全 】 


GET 
显示 “热门 商品 ”功能 的 实现 方法 与 显示 “最 新 商品 ”相同 ， 在 此 不 再 袭 述 。 两 者 不 
同 的 是 所 使 用 的 查询 语 名 不同， 显示 “热门 商品 ”的 SQL 查询 语句 如 下 。 


sql="select * from [shangpin] order by cishu desc" 


// "查询 shangpin 表 中 的 商品 记录 ， 并 按 字段 cishu 倒序 排序 


/| 


当 单 击 “商品 分 类 ”超级 链接 后 ， 网 站 将 转向 执行 商品 分 类 展示 页 面 sortasp， 显 示 


商品 分 类 信息 ， 如 下 图 所 示 。 


数码 商城 -北京 全 企 热 文化 发 展 中 心 - Windows Internet Explorer 
文件 下 编 回 E) 查看 WD 收 羯 严 人 ) 工具 IT) 帮助 0 


Ot 计 基 础 与 应 用 
实例 12 商品 分 类 展示 


GO Br/ x 
窗 从 大 娄 罗 天 一 北京 人 全 类 六 化 发 展 中 心 | 全- 目 和 是 - 


在 对 商品 进行 分 类 时 ， 本 例 采 用 了 动态 的 树 状 菜 单 与 框架 相 结 合 的 方法 ， 页 面 左 半 部 
分 是 动态 的 树 状 菜单 。 动 态 的 树 状 菜单 设计 的 思路 是 : 首先 循环 显示 商品 大 类 的 名 称 ， 然 
后 再 根据 商品 大 类 的 ID 显示 对 应 的 商品 分 类 信息 并 且 定 义 对 应 的 TD 名 称 (TD 包含 着 分 


类 )， 当 用 户 单 击 大 类 名 称 时 ，OnClick 事件 将 调用 ShowSubMenu0 函 数 (打开 /关闭 层 的 功 
能 ) 显 示 或 隐藏 分 类 的 内 容 。 当 用 户 单 击 商品 分 类 时 会 传 入 相应 的 值 到 框架 中 ， 由 框架 处 


理 取 得 的 数据 并 显示 相应 的 商品 。 
商品 分 类 展示 页 面 sort.asp 中 的 关键 代码 如 下 。 


<!--#include file="include/conn.asp" --> 
<!--#include file="include/include.asp" --> 


<table width="788" border="0" align="center" cellpadding="0" 


cellspacing="0"> 


- 省略 部 分 显示 代码 
<table cellspacing="0" cellpadding="0" width="158" align="center"> 
< 多 
i=0 
sql="select * from [bigclass] order by paixu" //' 查询 所 有 大 类 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof 

i=i+1 //' 定 义 二 变量 是 为 了 定义 名 称 不 同 的 TD 名 称 


$> 
< 人 ER 


<td onclick="showsubmenu (<%=i$%>)" style="cursor:hand" height="30"> 


//"onclick 事件 调用 函数 showsubmenu () ， 该 函数 需要 返回 对 应 的 参数 


- . "省略 部 分 显示 代码 
<td width="65%" valign="bottom"><span><sresponse.Write rs("mingcheng") 
%$></span> </td> // "输出 大 类 名 称 

- -省略 部 分 显示 代码 


<td id="submenu<%=i%>" style="DISPLAY: none"> 

//' 让 每 个 包含 分 类 的 TD 都 有 不 同 的 ID 名 称 

<div class="sec menu" style="WIDTH: 158px"> 

<table cellpadding="0" cellspacing="0" align="center" 
<% 


(0B 


width= 


"135"> 


L_ > 第 8 


sql2="select * from [class] where bigclassid="&rs("id")&" order by id 
desc" //' 按 大 类 ID 查询 所 有 分 类 

set rs2=Server.CreateObject ("ADODB.Recordset") 

rs2.open sql2,conn,3,3 

do while not rs2.eof 

$> 

tr> 

<td height="20"><div align="center"> 

<table width="100%" border="0" align="center" cellpadding="0" 
cellspacing="0"> 

<Er> 

<td width="50">gnbsp;</td> 

<td width="83"><a href="class.asp?id=<%$=rs2("id")%$>" target="class"> 
// "设置 超级 链接 连接 到 文件 class .asp 并 传 入 id 字段 的 值 ， 然 后 在 名 称 为 class 的 框架 中 显示 
<%sresponse.Write rs2 ("mingcheng")%></a></td> // 对 应 大 类 的 分 类 名 称 
</tr></table></div></td></tr> 

<% 

rs2.movenext 

loop 

%> 

</table></div><br /></td></tr> 

< 和 

rs.movenext 

loop 

多 > 

<script language="JavaScript" type="text/javascript"> 

function showsubmenu (sid) 


{ 


whichEl = eval ("submenu" + sid); //' 字 符 串 submenu 和 变量 sid (sid 的 
//' 值 其 实 就 是 前 面 变 量 i 的 值 ) 组 合成 一 个 新 的 字符 串 并 赋值 给 变量 whichE1 
if (whichEl.style.display = = "none") 


/ /判断 该 层 (前 面 的 <div></div> 部 分 ) 是 否 关闭 
{ 


eval ("submenu" + sid + ".style.display=\"\";"); // 如 果 关 闭 则 打开 
} 


else 


{ 


eval ("submenu" + sid + ".style.display=\"none\";");// 如 果 打 开 则 关闭 
添加 框架 ， 将 其 命名 为 class， 显 


} 


-O00E.--------- 


</script> 示 的 文档 为 class.asp 

...…' 省 略 部 分 显示 代码 

<td width="520" height="620" valign=ndEEBeS 3color="#FFFFFF"> 

<iframe src = "class.asp" name = "cla33" width = "540" marginwidth = "0" 
height = "620" marginheight = "0" align = "bottom" scrolling = "No" 
frameborder = "0" id = "class" style = "background-— 
Color:#FFFFFF"></iframe> 

</td> 


本 例 使 用 字符 串 + 变 量 ( 值 不 重复 ) 的 方式 定义 名 因为 不 知道 商品 分 类 的 数目 ， 
所 以 不 能 一 一 定义 ， 这 也 正 是 所 谓 “ 动 态 的 ” 树 状 菜单 之 关键 所 在 。 


当 单 击 某 一 分 类 名 称 时 ， 会 调用 文件 class.asp 并 传 入 商品 分 类 的 ID 值 ， 文 件 
class.asp 根据 接收 的 值 显示 对 应 的 商品 信息 。 文 件 class.asp 中 的 关键 代码 如 下 。 


1 Oe tm [基础 与 应 用 


"96%" height="153" border= 
cellspacing = "0" bgcolor: 


" align="center" 


"#FFFFFF™"> 


if request ("id")<>"" then //' 如 果 提 交 的 ID 值 不 为 空 
sql="select * from [shangpin] where classid="&request ("id")&" order by 
id desc" //' 在 shangpin 表 中 查询 字段 classid 的 值 等 于 接收 的 ID 值 的 记录 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1l,l1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 该 分 类 下 暂 无 商品 ! 
I" 
else 
rs.pagesize=8 
SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<1l then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show (rs,page) 
rs.absolutepage=page 
for i=1 to rs.pagesize 
各 > 
. . . "省 略 部 分 显示 代码 
<%if i mod 2=0 thengs> 
</tr> 
<tr><td height="10"></td> 
</tr> 
< 多 
end if 
rs.movenext 
if rs.eof then exit for 


next 
end sub 
多 > 
<EE> 
<form action='' method='get' name='form'> 
<td height="30" colspan="2"> 
<div align="center"> 
< 多 


if page<>1 then 

response.Write ("gnbsp; gnbsp; <a 
href="gpathg"?page=1&id="grequest ("id") g"> 第 一 页 </a>") 

response.Write ("gnbsp; énbsp; <a href="gpathg"?page="& (page— 
1) &"&id="&request ("id") g"> 上 一 页 </a>") 

end if 

response.Write ("gnbsp; gnbsp; 当前 <font 
color='#FF0000'>"gpageg"</font> 页 ") 

response.Write ("gnbsp; gnbsp; 条 <font 
Color="#FF0000'>"grs.recordcountg"</font>/< font 
color='#FF0000'>"grs.pagecountg"</font> 页 ") 

if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp;<a href = 
"gpathg"?page="& (page+1) g"&id="&request ( "id") &" > 下 一 页 </a>") 


response.Write ( "gnbsp;é&nbsp;<a href = "gpathg"?page = 
"grs.pagecountg"gid = "& request ("id")&"> 最 末 页 </a>") 
end if 


response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='hidden' name='id' 
Value='"&request ("id")&"'><input type="'submit' value='GO'>") 
end if 


一 


rs.close 
set rs=nothing 
else 
response .Write ("请 选择 类 别 查询 ! ") 
end if 
$> 
</div></td></form></tr> 
</table> 


实例 13 ”查看 商品 详情 

浏览 商品 时 ， 单 击 商品 图 片 或 某 一 商品 的 “查看 信息 ”超级 链接 ， 系 统 将 转向 执行 查 
看 商品 页 面 lookpro.asp 并 传 入 商品 的 ID 值 ， 查 看 商品 页 面 lookpro.asp 会 根据 接收 的 ID 
值 显示 对 应 的 商品 信息 ， 如 下 图 所 示 。 


数码 商城 -- 北 京 全 企鹅 文化 发 展 中 心 - Windows Internet Exzplorer 
文件 中) 编辑 人 E) 查看 外 收 臣 赤 人 ) 工具 GD) 帮助 中 


(3 Ie Mttp://locdhost/lookpro. asp?id=42 ts X 


帘 窑 。 丰 数码 身 城 -北京 多 全 天 文化 发展 中 心 可 | 从 -上 罩 - 硬 -四 6o- 全 IO-“ 


~ 


re Se ,精美 
i 放 计 ， 是 一 时尚 性 喜欢 的 妇 包 
【会员 价 ] 29 【上 染 日 类] 2007-10-17 13:58:25 
【查看 信息 【商品 型 号 无 

【购买 商品 ) 【商品 等 区 】 精品 

Cg] io 【商品 数量 ] 0 


基本 信息 
型 号 : 无 品牌 : 村 导 : 配置 : 产地 : 尺寸 ; 出 厂 日 期 ; 规格 : 
保质 期 : 酸 色 : 梅 加 黑 


“iFree” 品 牌 ,精美 设 计 ， 是 一 款 时 尚 女性 喜欢 的 女 包 


和 本 地 Intranet 


查看 商品 页 面 lookpro.asp 中 的 关键 代码 如 下 。 


<!--#include file="include/conn.asp" --> 
<!--#include file="include/include.asp" --> 
< 委 


if request ("action")="add" then // "判断 提交 的 action 的 值 是 否 为 add 
if trim(request ("pinglun"))="" then // 判断 提交 的 pinglun 的 值 是 否 为 空 
response.Write ("<script>alert('" 请 详细 填写 ! 
") ;history.back();</script>") 
response.End () 
end if 
sql="select * from [pinglun]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs.addnew // "将 接收 到 的 评论 及 相关 信息 添加 到 数据 表 pinglun 中 
rs("shangpinid")=request ("Id") 
zs("shijian")=now() 
rs("pinglun")=request ("pinglun") 
rs("mingcheng")=request ("mingcheng") 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 评 论 发 表 成 功 ! ') ;window.location.href = 
'lookpro.asp?id ="grequest ("id")&"';</script>") 
end if 
委 > 


-GO@@EG:----------- 


态 网 站 设计 基础 与 应 用 


- "省 略 部 分 显示 代码 
<table border="0" cellpadding="0" cellspacing="0" width="590"> 
< 


sql="select * from [shangpin] where id="grequest ("id")g"" 


/7 "根据 提交 的 ID 值 查询 对 应 的 商品 信息 


set rs=Server.CreateObject ("ADODB.Recordset") 


rs.open sql,conn,3,3 
$> 添加 评论 信息 的 表单 
- "省略 部 分 显示 代码 
<EOEm action="lookpro.asp" method="post"> “< 一 
<div align="center"> < 一 
<textarea name="pinglun" cols="60" IESws="12"></textarea> 
<input type="hidden" name="id" Value="<g=TS ("id")%>"> 
<input type="submit" 汪 论 "> 
<input type="hidden" name="action" value="add"> 


<input type="hidden" name="mingcheng" value="<%=rs ("mingcheng")%®>"> 


</div> 
</form> 
. "省 略 部 分 显示 代码 
<% 
rs("cishu")=rs ("cishu")+1 /7' 将 商品 的 浏览 次 数 加 1 
rs.update 
rs.close 
set rs=nothing 
各 > 
- "省 略 部 分 显示 代码 


8.5 产品 搜索 界面 


网 上 商城 网 站 的 产品 搜索 功能 主要 用 于 搜索 shangpin 表 中 mingcheng 字段 包含 用 户 输 


入 信息 的 所 有 记录 ， 并 将 这 些 记录 显示 在 客户 端 浏览 器 ， 如 下 图 所 示 。 
数码 商城 一 北京 全 企 息 文 化 发 展 中 心 Windows Internet Explorer 
文件 EF) ” 蝙 辑 字 ) 查看 WV) ”收藏 夹 和 人) 工具 CD) 帮助 00 
GO Bh/ ee ls |x| | ] 5 
帘 妆 | 眉 数 码 商城 -北京 全 全 各 六 化 发 展 中 心 | 僵 - 加 -中 - 全 IO- 骆 IO-“ 


产品 名 称 搜索 四 
人 产品 巩 砚 
卡通 包 包 ( 单 启 介 持 ) 2007-10-17 
当前 1 页 条 1/!1 页 中 直到 太 9 


全 本 地 Intranet 


实例 14 ”产品 搜索 


本 例 通 过 top.asp 文件 实现 用 户 输入 信息 的 提交 ， 然 后 通过 search.asp 文件 实现 产品 的 


搜索 与 显示 功能 。 
文件 top.asp 中 搜索 部 分 的 关键 代码 如 下 。 


<table width="792" border="0" align="center" cellpadding= 
cellspacing="0" class= "stylel"> 


1 


EEE 


<form action="search.asp" method="post"> 
- - - "省略 部 分 显示 代码 
<input name="search" type="text" size="18" /> // 添加 搜索 框 ， 命 名 为 search 
<input name="submit" type="submit" value="GO" /> //' 添 加 “提交 ”按钮 
- - .' 省 略 部 分 显示 代码 
</form> 
</table> 


文件 search.asp 中 的 关键 代码 如 下 。 


<!--#include file="include/conn.asp" --> 

<!--#include file="include/include.asp" --> 

. . .省 略 部 分 显示 代码 

<table width="96%" border="0" align="right" cellpadding="0" 
cellspacing="0"> 


<% 
sql="select * from [shangpin] where mingcheng like 
'S"&request ("search")&"%'" 
// "使 用 模糊 查询 1ike 搜索 与 提交 的 search 值 相 关 的 商品 信息 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 


</p>" 
else 
rs.pagesize=10 //' 设 置 每 页 显示 的 记录 数 


SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<1l then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub showl(rs,page) 
rs.absolutepage=page /7' 指 定数 据 指针 所 在 的 页 
for i=1 to rs.pagesize 
多 > 
xt 
<td width="68%"><a href="lookpro.asp?id=<% = rs("id")%®>" 
target=" blank"><%= rs("mingcheng")®%></a></td> 


//' 显 示 商 品 的 名 称 ， 并 将 其 设置 为 超级 链接 


曲 
加 
光 
@ 


<td width="32%"><%=rs ("riqi")®%></td></tr> /7' 显 示 商 品 的 上 架 日 期 
<*tr> 
<td height="8" colspan="2"></td></tr> 

<% 

rs.movenext 

if rs.eof then exit for 

next 

end sub 

%> 

<tr> 

<form action='' method=" ='form'>// "创建 表单 将 页 码 等 数据 提交 给 自身 


" name="search" 


<input type="hidde: 
value="<%=request ("search")$>"> 

<td height="30" colspan="3"> 

<div align="center"> 


人 
op 


if page<>1 then 
response.Write ("gnbsp; gnbsp;<a hre &pathg"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="& (page-1)&"” > 
业 一 砚 </a> 叶 
end if 


response.Write ("gnbsp; gnbsp; 当前 <font 
color='#FF0000'>"gpageg"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
color="#FF0000'>"grs.recordcountg"</font> / <font 
color="'#FF0000'>"grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp; <a 
href="gpathg"?page="& (page+1) g"> 下 一 页 </a>") 
response.Write ("gnbsp; gnbsp; <a 
href="gpathg"?page="&rs.pagecountg"> 最 末 页 </a>") 
end if 


U htt 与 应 用 


response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") // "接收 用 户 输入 的 页 码 
end if 
rs.close 
set rs=nothing 


$%> 
</div></td></form></tr> 


- . .省略 部 分 显示 代码 
</table> 


8.6 用 户 购 物 界 面 


网 上 商城 网 站 的 购物 系统 包含 商品 订购 、 购 物 车 管理 、 订 单 提交 和 订单 查询 等 功能 。 

实例 15 商品 订购 

当 用 户 单 击 “ 购 买 商品 ”超级 链接 时 ， 网 站 会 转向 执行 购物 车 页 面 gouwu.asp 并 传 入 
商品 D 的 值 ， 购 物 车 页 面 gouwu.asp 会 根据 接收 的 商品 人 D 将 对 应 的 商品 放置 在 购物 车 
中 ， 如 下 图 所 示 。 


数码 商城 一 北京 多 企 笋 文化 发 展 中 心 - Windows Internet Explorer 
文件 下) 编辑 下 ) 查看 QD 收 基 『 夹 必 ) 工具 I) 帮助 人 D 
TO 加 到 


富 人 窒 用 涩 码 商 城北 京 爹 企 娄 六 化 发 展 中 心 丛 - 目 - 友 -局 7 日 - 舍 共 加- 


编号 商品 名 称 数量 | 市 场 价 会 员 价 | 成 交 价 小 计 
回 。。 龙 士 达 1100s1 中 长 方 保鲜 全 器 | 2 Me | ME | 2 
回 。 卡 适 包 包 ( 音 启 介 持 ) 1 128 | 2 2 2 


请 SR 车。 总计: 40.2 


司 二 下 hatraet 


购物 车 页 面 (gouwu.asp) 中 的 关键 代码 如 下 。 


<!--#include file="include/conn.asp" -—-> 


<!--#include file="include/include.asp" --> 
<!--#include file="chk user.asp" --> //'chk_user.asp 用 于 检测 用 户 是 否 登 录 


的 me 


"7925 
wm 
. . 省略 部 分 显示 代码 
< 
if request ("ProductList" ProductList" then 
Session ("ProductList")="" // "清空 购物 车 
response-Write ("<script>alert(' 您 的 购物 车 为 空 !') ;window.1location.href= 
'index.asp'; </script>") 
end if 
ProductList = Session("ProductList") 


//' 取 得 Session 中 的 值 个 商品 ID) 赋值 给 变量 ProductList 


Products = Split (Request ("Prodid"), ",") // "以 逗号 分 隔 ， 赋 值 给 变量 
Products (此 时 变量 Products 以 数组 形式 存在 ) 
For I=0 To UBound(Products) //" 按 数组 的 最 大 下 标 进行 循环 


PutToShopBag Products(I), ProductList 
// "调用 过 程 并 返回 参数 (商品 ID， 保 存 商品 ID 的 变量 ProductList) 
Next 


Session("ProductList") = ProductList 
// ' 将 处 理 后 的 变量 ProductList 的 值 写 入 到 Session 对 象 内 

Sub PutToShopBag( Prodid, ProductList ) //' 定 义 过 程 ， 只 有 调用 时 才 可 以 使 用 
If Len(ProductList) = 0 Then // 如果 变量 ProductList 的 值 长 度 为 


0 (等 同 于 值 为 空 ) 
ProductList = Prodid 
// ' 将 商品 ID 赋值 给 变量 ProductList， 也 就 是 第 一 次 购物 的 记录 
ElseIf InStr( ProductList, Prodid ) <= 0 Then 
// "判断 变量 ProductList 里 面 是 否 有 商品 ID 的 存在 
ProductList = ProductListg", "gProdid g"" 
// "多 次 购物 ， 将 多 个 商品 ID 以 逗号 分 隔 组 成 一 个 字符 串 赋 值 给 变量 ProductList 


End If 

End Sub 

If Request ("update") = "update" Then // "隐藏 提交 ， 目 的 是 修改 商品 及 数量 
ProductList = "" // "清空 购物 车 
Products = Split (Request ("ProdId")，"，")// "取得 表单 提交 的 商品 ID 并 赋值 
For I=0 To UBound (Products) // " 按 数组 的 最 大 下 标 进行 循环 


PutToShopBag Products (I), ProductList 
// "调用 过 程 并 返回 参数 (商品 ID ， 保 存 商品 ID 的 变量 ProductList) 
Next 
Session("ProductList") = ProductList 
// ' 将 处 理 后 的 变量 ProductList 写 入 到 Session 内 ， 完 成 了 修改 商品 及 数量 的 目的 
End If 
If Len(Session("ProductList")) = 0 Then 
response.Write ("<script>alert (' 您 的 购物 车 为 空 !') ;window.1location.href= 
'index.asp'; </script>") 
Response.end 
end if 
多 > 
<table width="96%" border="0" cellspacing="0" cellpadding="0" 
align="center"> 
<% 
Set rs=Server.CreateObject ("ADODB.RecordSet") 
strsql="select * from shangpin where ID in ("&Session("ProductList")&") 
order by ID" //' 查 询 保存 在 Session 里 的 变量 ProductList (商品 ID) 
rs.open strsql,conn,l1,l1l 
名 > 
<tr> <td> 
<form action="gouwu.asp" method="POST" name="chec 
<table border="0" cellspacing="1" cellpadding="4" align="center" 
width="100%" bgcolor="BDBDBC"> 
<tr bgcolor="#FFFFFF" height="25" align="center"> 
<td width="40"> 编 号 </td> 
<td width="300"> 商 品 名 称 </td> 
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<td width="40"> 数 量 </td> 

<td width="60"> 市 场 价 </td> 
<td width="60"> 会 员 价 </td> 
<td width="60"> 成 交 价 </td> 
<td width="70"> 小 计 </td> 


/Er 
<% 
Sum = 0 //'sum 用 于 统计 价格 
Quatity = 1 // "商品 数量 , 初始 值 为 1 
Do While Not rs.EOF 
Quatity = Request.Form("Q " & rs("ID")) 
VE 坊间 提 溉 的 商品 玫 ， i 
If Quatity <= 判断 是 否 第 一 次 购物 
Ws 商品 监生 为 华 和 会 小 时? 5 面 不 是 定义 商品 数量 初始 作为 1 了 吗 ? 这 就 是 变量 Quatity 重 
// ' 复 赋值 的 问题 


// "虽然 定义 过 商品 的 数量 ， 但 是 又 接收 表单 提交 的 商品 数量 ， 如 果 是 第 一 次 购买 商品 的 话 ， 变 量 
// "Quatity 不 会 在 接收 表单 时 被 赋予 任何 值 
Quatity = Session(rs("ID")) 
//' 对 应 变量 Quatity 进行 赋值 (以 前 存储 的 商品 数量 
If Quatity <= 0 Then Quatity = 1//"' 如 时 该 玄 商 品 是 用 户 第 一 次 购买 ， 数 量 为 1 
End If 
Session(rs("ID")) = Quatity //' 将 商品 数量 存 入 Session 内 
Sum = Sum + rs("huiyuan")*Quatit 


/7' 累 加 器 的 效果 (新 价格 总 记 = 旧 价格 总 记 商品 价格 x 商品 数量 ) 


多 > 

<tr bgcolor="#FFFFFF" height="25"align="center"> 

<td><input type="CheckBox" name="ProdId" value="<%®=rs ("ID")%>" 
Checked></td> 

<input type="hidden" name="shuliang" value="<%response.Write Quatity 
$>"> /7' 商品 数量 


<td align="left">gnbsp;<a href="lookpro.asp?ID=<%=rs ("ID")%>" 
target=" blank"> <% = rs("mingcheng")®></a></td> 

<td> <input type="Text" name = "<%response.Write("Q " & rs("ID")) 
gs>" value = "<%response.Write Quatity %>" size="2" class="form"></td> 
人 因此 无 法 确定 ) 利用 这 种 方法 定义 name 的 名 
// " 称 (Q 
//' 有 多 少 商品 就 会 有 多 少 这 类 的 name 名 称 ， 这 样 name 不 会 重复 ， 接 收 时 只 要 按照 这 种 规律 
// "就 可 以 一 一 对 应 

<td><%=rs ("shichang") %></td> 

<td><%=rs ("huiyuan")®%></td> 

<td><%=rs ("huiyuan")%></td> 

<td><sresponse.Write (rs ("huiyuan") *Quatity) %></td>//' 价 格 x 数量 = 该 商品 的 总 价格 


</tr> 

<input type="hidden" name = "xiaoji" 
value="<sresponse.Write (rs ("huiyuan")*Quatity)%> "> //' 价 格 x 数量 = 该 商品 的 总 价格 
<% 

rs.MoveNext 

Loop 

rs.close 

set rs=nothing 

和 > 

- - "省略 部 分 显示 代码 

</table> 


以 上 代码 就 是 用 户 购物 及 储存 购物 信息 的 详细 过 程 ， 信 息 一 直 保 存在 Session 内 ， 当 
继续 选 购 其 他 商品 ， 或 者 删除 购物 车 中 的 商品 并 单 击 “ 更 新 商品 ”按钮 后 ，Session 中 的 
信息 会 被 更 新 。 
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购物 车 的 实现 还 有 另 一 种 方法 ， 就 是 将 用 户 的 购物 信息 储存 在 临时 表 或 临时 文件 
中 ， 当 用 户 提交 订单 时 再 删除 。 这 种 方法 需要 频繁 地 与 数据 库 或 文件 打交道 ， 十 分 占 
用 系统 资源 ， 对 于 大 型 的 商务 网 站 不 是 很 适合 。 


本 例 中 使 用 了 UBound 函数 ， 该 函数 用 于 返回 指定 数组 维 数 的 最 大 可 用 下 标 。 
语法 格式 : 


UBound (arrayname[, dimension]) 


参数 说 明 如 下 。 

@ arrayname: 必 选 项 。 数 组 变量 名 ， 遵 循 标准 变量 命名 约定 。 

@ Dimension: 可 选项 。 指 定 返回 哪 一 维 上 界 的 整数 。1 表示 第 一 维 ，2 表示 第 二 

维 ， 以 此 类 推 。 如 果 省 略 dimension 参数 ， 则 默认 值 为 1。 

实例 16 ”订单 提交 

选 购 商品 后 ， 单 击 “ 购 物 车 ”超级 链接 将 转向 购物 车 页 面 ， 在 该 页 面 中 取消 选中 
“编号 ” 复 选 框 可 取消 对 该 商品 的 订购 ， 在 “数量 ”文本 框 中 可 以 编辑 商品 的 购买 数量 ， 
如 果 确 认 所 购 商 品 无 误 后 ， 单 击 “ 去 收银 台 ” 按 钮 将 转向 执行 文件 shouyin.asp 进行 订单 
的 提交 ， 如 下 图 所 示 。 
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ton@163. com 
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当 用 户 填写 完 所 有 信息 后 ， 单 击 “ 提 交 订 单 ” 按 钮 就 可 以 提交 该 订单 了 。 提 交 订 单 的 
实现 过 程 就 是 将 订单 信息 写 入 数据 库 的 过 程 。 本 例 将 所 有 商品 的 ID 和 商品 的 数量 都 写 在 


电脑 一 一 动态 网 站 设计 基础 与 应 用 


一 条 数据 里 ， 这 样 比较 直观 ， 针 对 数据 库 操作 起 来 也 比较 方便 。 文 件 shouyin.asp 中 的 关 
键 代码 如 下 。 


<!--#include file="include/conn.asp"-——> 

<!--#include file="chk user.asp" --> 

<!--#include file="include/include.asp" --> 

<% 

if request ("ProductList")="ProductList" then 
Session("ProductList")="" //' 清 空 购物 车 
response.Write ("<script>alert (' 您 的 购物 车 为 空 !') ;window.1location.href= 

'index.asp'; </script>") 
response.End() 

end if 

各 > 

<SCRIPT> 

执业 

function chk() 

{ 


if (document .receiveaddr.shoujianren.value=="" 
{ 
document .receiveaddr.shoujianren.focus(); 
alert ("请 填写 收 货 人 姓名 ! ") ; 


return false; 


.省 略 部 分 脚本 语言 代码 
人 
关于 区 
</script> 
. .…' 省 略 部 分 显示 语句 
< 
if request ("action")="add" then 
sql="select * from [dingdan]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs.addnew 
rs("name")=session ("user") //' 记 录 该 订单 所 属 的 用 户 名 
rs("shangpin")=request ("ProdId") 
/7' 商 品 ID (此 时 商品 ID 是 以 字符 串 形式 存在 ， 每 个 商品 ID 以 逗号 分 隔 ) 
zs("shijian")=now() 
rs("shuliang")=request ("shuliang") 
/7' 商品 数量 (此 时 商品 数量 是 以 字符 串 形式 存在 ， 每 个 商品 数量 以 逗号 分 隔 ) 
rs("mail")=request ("mail") 
rs("dizhi")=trim(request ("dizhi")) 
rs("youbian rim(request ("youbian")) 
rs("zhuangtai")="0" 

//' 订 单 的 状态 : 0 已 下 订单 1 服务 商 已 收 到 款 3 服务 商 已 发 货 4 用 户 已 收 到 货 
rs("tel")=trim(request ("tel")) 
rs("shoujianren")=trim(request ("shoujianren")) 
rs("zhifu")=trim(request ("zhifu")) 
rs("songhuo")=trim(request ("songhuo")) 
rs("didanhao")=GetOrderNo (Now() ) 

// "生成 唯一 的 订单 号 GetorderNo 函数 在 文件 include/include .asp 中 

rs("liuyan")=trim(request ("liuyan")) 

rs.update 

rs.close 

set rs=nothing 

response.Write ("<script>alert(' 订 货 成 功 ! \n\n 牢记 您 的 订单 号 "&GetOrderNo 
(Now () ) &"') ;window.location.href="'shouyin.asp?ProductList=ProductList';< 
Hacript>") 
end if 


1 的 ms 


$> 
<form name="receiveaddr" method="post" action="shouyin.asp" 
onSubmit="return chk();"> 
<table width="100%" border= 
align="center"> 

< 各 

Set rs=Server.CreateObject ("ADODB.RecordSet") 

strsql="select * from shangpin where ID in ("&Session("ProductList")&") 
order by ID" 

rs.open strsql,conn,1,l1l 
$> 

<tr> <td> 


width="96%" bgcolor ="BDBDBC 
"#FFFFFF" height="25" align="center"> 
45"> 编 号 </td> 

194"> 商 品 名 称 </td> 

36"> 数 量 </td> 

54"> 市 场 价 </td> 

0"> 会 员 价 </td> 

49"> 成 交 价 </td> 

49"> 小 计 </td></tr> 


< 名 

Sum = 0 

Quatity = 1 

Do While Not rs.EOF 
i=i+1 


Quatity = Request.Form( "Q " & rs("ID")) 
If Quatity <= 0 Then 

Quatity = Session(rs("ID")) 

If Quatity <= 0 Then 


Quatity = 1 
End If 
Session(rs("ID")) = Quatity 


Dim YourPrice, strprice2, strvipprice, ProScore 
YourPrice= rs("huiyuan")*LngDiscount 
Sum = Sum + (YourPrice + rs("huiyuan"))*Quatity 
多 > 
<tr bgcolor="#FFFFFF" height="25"align="center"> 
<td><input type="CheckBox" name="ProdId" value="<%=rs ("ID") 当 >" 
Checked></td> 
<td align="left">gnbsp;<a href="lookpro.asp?ID=<%=rs ("ID")%$>" 
target=" blank"><% = rs("mingcheng")%®></a></td> 
<td><input type="Text" name="<%="Q " & rs("ID")%®>" 
value="<%=Quatity%>" size="2" class="form"></td> 
<td><%=rs ("shichang") %$></td> 
<td><%=rs ("huiyuan")%></td> 
<td><%=rs ("huiyuan")%></td> 
<td><%= (YourPrice + strvipprice)*Quatity%></td></tr> 
input type="hidden" name="shuliang" value="<%=Quatity%>"> 
< 
rs.MoveNext 
Loop 
rs.close 
set rs=nothing 
$> 
<tr bgcolor="#FFFFFF"> 
<td height="25" colspan="8" align="center" valign="middle"> 
<input type="hidden" name="cmdShow" value="Yes">gnbsp;&nbsp; 总 价格 : 
<%=Sum$></td></tr></table></td></tr> 
</table> 
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< 
sql="select * from [user] where name='"&session("user")g"';" 
//' 在 user 表 中 查询 收 货 人 信息 一 “一 ”一 旦 元 a 
set rs=Server.CreateObject ("ADODB.Recordset") 利用 表格 显示 收 货 人 的 信息 
rs.open sql,conn,3,3 
if not rs.eof then 
xingming=rs ("xingming") 
dizhi=rs{"dizhi") 
tel=rs ("tel") 
mail=rs ("mail") 
youbian=rs ("youbian") 
end if 
和 > 
<table width="96%" border="0" cellspacing="0" cellpadding="0" 
align="center" class= "table-zuoyou"> 
<tr> 
<td><table width="100%" border="0" 
cellspacing="1" bgcolor= "BDBDBC"> 
<tr bgcolor=#ffffff> 
<input type=hidden name=realname value=timesshop> 
<tq width="150"> 收 货 人 姓名 : </td> 
<td width="600" height="28"> 
<input name="shoujianren" type="text" size="12" 
value=<%=xingming%>></td></tr> 
..…' 省 略 部 分 显示 语句 
</table> 


实例 17 订单 查询 


用 户 完成 购物 ， 提 交 订 单 之 后 ， 还 需要 对 订单 的 状态 时 时 跟踪 。 在 用 户 提交 订单 号 进 
行 查询 时 ， 订 单 的 查询 页 面 (chaxun.asp) 负 责 在 dingdan 数据 表 中 查询 并 输出 对 应 的 数据 。 
订单 查询 页 面 运行 结果 如 下 图 所 示 。 

教 码 商城 ~- 北京 爹 企鹅 文化 发 展 中 心 Windows Internet Explorer 


GO Er/ che sp Hx 
富安 稳当 码 商城 -北京 全 企 由 文化 发 展 中 心 


侯 条 和 脑 一 动态 网 站 设计 基础 与 应 用 


align="center" cellpadding="0" 


会 员 登 录 


您 共 登 录 了 14 次 
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在 提交 订单 查询 后 ， 网 站 将 通过 表单 将 订单 号 提交 到 订单 查询 页 面 chaxun.asp， 运 行 
结果 如 下 图 所 示 。 
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HS 录 了 14 次 


订单 病 号 。 z0060a0515zze4 
商 显 握 和 
卡 表 旧 包 (说 启 时 二 ) 


画 #2 和 中 渐 人 站 各 :0 


北京 王府 间 大 澳 122 号 


上 次 各 系 : 2006-6-6 10 .00:35 


次 凶 ton 用 户 


订单 查询 页 面 chaxun.asp 中 的 关键 代码 如 下 。 


< 各 
if right (request ("zhuangtai"),1) " then /7' 判 断 用户 是 否 收 到 货物 ， 此 时 变 
//' 量 zhuangtai 的 值 是 以 逗号 分 隔 的 ， 如 : 1、2、3 我 们 只 取 最 右边 的 一 个 字符 就 可 以 了 
sql="select * from [dingdan] where 
didanhao='"&grequest ("dingdan")&"';" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs("zhuangtai")=right (request ("zhuangtai"),1) 
// "修改 订单 状态 为 用 户 已 收 到 货物 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 用 户 确 认 成 功 ! 
') ;window.location.href="'chaxun.asp? 
dingdan="&request ("dingdan")&g"';</script>" 


end if 

名 > 

. . .省 略 部 分 显示 代 人 码 

< 多 

if request ("dingdan")<>"" then // ' 判 断 提交 的 订单 是 否 为 空 


SafeRequest (request ("dingdan")) 

sql="select * from [dingdan] where 
didanhao='"grequest ("dingdan")g&"';" 

set rs=Server.CreateObject ("ADODB .Recordset") 

rs.open sql,conn,3,3 

if not rs.eof then 

shangpin=split (rs ("shangpin"),",") 

shuliang=split (rs ("shuliang"),",") 


op 


a. 
- - "省略 部 分 显示 代码 
<form name="form" action="chaxun .asp"” method="post"> 
<tr> 
<td width="13%" bgcolor="#FFFFFF"> 订 单 编号 :</td> 
<td width="22%" bgcolor="#FFFFFF"><%=request ("dingdan")®%></td> 
8%" bgcolor="#FFFFFF"> 
ncenter"> 已 收 款 
<input type="checkbox" name="zhuangtai" disabled value="1"<%if 
rs("zhuangtai")>0 then response.Write("checked") end if$%>> 
/7' 及 时 通知 用 户 该 订单 现在 状态 
</div></td> 
<td width="18%" bgcolor="#FFFFFF"> 
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<div align="center"> 已 发 货 

<input type="checkbox" name="zhuangtai" disabled value="2"<%if 
rs("zhuangtai")>1 then response.Write("checked") end if $%>> 

/7' 及 时 通知 用 户 该 订单 现在 状态 

</div></td> 

<td width="18%" bgcolor="#FFFFFF"><div align="center"> 已 收 货 

<input type="checkbox" name="zhuangtai" <%if rs("zhuangtai")<2 or 
rs("zhuangtai") >2 then response.Write("disabled") end if%> 
value="3"<%if rs("zhuangtai")>2 then response.Write ("checked") end if 
$>> //' 及 时 通知 用 户 该 订单 现在 状态 

</div></td> 

<td width="18%" bgcolor="#FFFFFF"><input type="submit" value=" 确 认 
收 货 "></td></tr> 

<input type="hidden" name="dingdan" value="<%response.Write 


Ott 与 应 用 


request ("dingdan") $%>"> //' 隐 藏 提交 订单 编号 
</form> 

... ' 省 略 部 分 显示 代码 
< 


for i=0 to ubound (shangpin) 
sql2="select * from [shangpin] where id="&trim(shangpin(I) )&"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0pen sql2,conn,3,3 
各 > 
<a href="lookpro.asp?id=<%=rs2 ("id")%>" 
target=" blank"><%=rs2 ("mingcheng")®%2$/a> <br> 
< 名 
rs2.close 
set rs2=nothing 
next 
%> 
</td> 
<td> 
<% 
for i=0 to ubound (shuliang) 
response.Write (shuliang (i)) 
response.Write ("<br>") 


将 商品 名 称 设置 为 超级 链接 ， 连 接 到 
商品 的 详情 显示 页 面 lookpro.asp 


next 
多 > 
</td> 示 丁 口 
td 显示 商品 的 市 场 从 
< 多 
for i=0 to ubound (shuliang) 三 
sql2="select * from [shangpin] where id="gtrim(shangpin(i))e"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0pen sql2,conn,3,3 
response.Write (rs2 ("shichang")) 
response.Write ("<br>") 
rs2.close 
set rs2=nothing 
next 
多 > 
</td> 
<td> 


< 和 
for i=0 to ubound (shuliang) 
sql2="select * from [shangpin] where id="gtrim(shangpin(i))g"" 
set rs2=Server.CreateObject ("ADODB .Recordset") 


rs2.open sql2,conn,3,3 — 
response.Write (rs2 ("huiyuan") 显示 商品 的 会 员 价 
response.Write("<br>") 


rs2.close 


EEE 


set rs2=nothing 


next 
各 > 
显示 商品 的 成 交 价 
<% 
for i=0 to ubound (shuliang) 三 一 
sql2="select * from [shangpin] where id="&gtrim(shangpin(i))g"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0open sql2,conn,3,3 
response.Write (rs2 ("huiyuan")) 
response.Write ("<br>") 
rs2.close 
set rs2=nothing 
next 
%> 
</td> 
<td> 
< 区 


for i=0 to ubound (shuliang) 
sql2="select * from [shangpin] where id="&trim(shangpin(I) )&"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0pen sql2,conn,3,3 
response.Write (rs2 ("huiyuan")*shuliang (i)) 


.Write ("<br>" "== 
response.Writel( > 


rs2.close 
set rs2=nothing 显示 单一 商品 的 小 计 信息 
next 
各 > 
</td> 
</tr> 
</table> 


<table width="100%" border="0" align="center" cellpadding="0" 
cellspacing="1" bgcolor= "BDBDBC"> 一 一 


2 省 咯 部 分 星 示 代 码 利用 表格 显示 收 货 人 信息 
下 


<td height="10"></td></tr></table> 

收 货 人 姓名 : 

<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
<td height="30"> 详 细 地 址 : </td> 
<td height="28"><%=rs ("dizhi")%></td></tr> 

<tr bgcolor=#ffffff> 


<td height="30"> 邮 编 : </td> 

<td height="28"><%=rs ("youbian")%®%></td></tr> 
.. "省略 部 分 显示 代码 
</table></td></tr> 
</table> 


<table width="100%" border="0" cellspacing="0" cellpadding="0" 
align="center" class= "table-zuoyou"> 
<tr><td> <br></td></tr> 
<tr><td></td></tr></table> 
< 和 
Sa 
response.Write ("<script>alert (' 无 此 订单 号 
') ;window.location.href='chaxun.asp'; </script>") 
end if 
rssCloss 
set rs=nothing 
else 
和 > 
<form name="form" action="chaxun.asp" method="post"> 


由 
加 
多 
时 


<div align="center"> 请 输入 您 的 订单 号 : gnbsp; gnbsp; 
<input name="dingdan" type="text"> 
<input type="submit" value=" 查 询 "> 
</div> 
</form> 
<gend if%> 


问 与 答 


间 : 如 何 设置 网 站 的 默认 首页 ? 

管 ， 默 认 首页 是 指 输入 网 站 地 址 后 显示 的 页 面 ， 通 常 命名 为 index。 设 置 方法 是 ， 
启动 IS， 在 要 设置 主页 的 网 站 上 右 击 鼠标 ， 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,在 
打开 的 属性 对 话 框 的 “文档 ”选项 卡 中 单 击 “ 添 加 ”按钮 ， 在 弹出 的 对 话 框 中 输入 要 设置 
的 主页 ， 然 后 单 击 “ 确 定 ” 按 钮 ， 如 下 图 所 示 ， 最 后 单 击 “ 上 移 ” 按 钮 将 其 移动 到 顶端 
即 可 。 


1 ihm 


ITP 头 目 定义 本 训 sy 时 务 器 扩展 
网 站 上 ISAPI 第 先 器 | 主 目录 目录 安全 性 | 
回 自 用 默认 文档 CC) 


ES 
上 ie [ED 
es 


浴 加 默认 文档 


间 :， 为 什么 浏览 网 页 时 总 显示 “ 剩 下 一 项 ”? 

管 ， 通 常 这 时 由 于 页 面 中 的 某 一 内 容 (如 ， 图片 、Flash 或 JS 脚本 ) 无 法 正常 显示 所 
造成 ， 这 时 可 查看 源 文 件 看 是 否 所 添加 的 图 片 或 Flash 源 文件 已 丢失 或 更 改 。 有 时 也 与 网 
速 有 关 。 

间 : 如 何 设置 脚本 的 超时 时 间 ? 

管 : IIS 默认 的 脚本 超时 时 间 为 90 秒 ， 当 上 传 软件 或 传送 数据 大 于 90 秒 时 ， 便 会 
产生 进程 脚本 超时 而 放弃 执行 ， 以 避免 服务 器 处 理 大 量 数据 占用 过 多 内 存 或 CPU 占用 过 
大 ， 导 致 出 现 死机 或 不 稳定 等 状况 。 
修改 脚本 超时 的 时 间 有 两 种 方法 。 一 种 方法 是 在 IIS 所 在 网 站 上 右 击 ， 在 弹出 的 快捷 
菜单 中 选择 “属性 ”命令 ， 在 打开 的 “属性 ”对 话 框 中 的 “ 主 目录 ”选项 卡 中 选择 “ 配 
置 ” 选 项 ， 在 打开 的 “应 用 程序 配置 ”对 话 框 中 切换 到 “选项 ”选项 卡 ， 将 “ASP 脚本 超 
时 ”微调 框 的 值 设置 为 所 想 要 的 值 ， 切 换 到 “确定 ”按钮 即 可 ， 如 下 图 所 示 。 

另 一 种 方法 是 ， 直 接 在 程序 头 部 加 入 Server.ScriptTimeOut=value 即 可 ，value 为 用 户 


1 的 ms 


要 设置 的 值 。 


局 用 缕 冲 四 ) 
回 启用 区 路 径 @) 


默认 AS 语言 QD): [VBSeript 
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利用 本 章 所 学 知识 制作 一 个 产品 展示 系统 。 


该 系统 的 制作 同 新 闻 发 布 系统 的 制作 类 似 ， 多 数 功 能 已 制作 完成 ， 只 需 将 
center.asp 中 缺少 的 代码 补 齐 即 可 (在 center.asp 中 要 添加 代码 的 位 置 写 有 注释 ， 只 需 根 
据 注 释 填 写 即 可 )， 源 文件 位 于 “素材 与 实例 \ 第 8 章 \ 成 果 检 验 ” 中 ， 效 果 如 下 图 所 示 。 


数码 商城 一 北京 全 企 下 文 化 发 展 中 心 Vindows Internet Explorer 
GO Ew /narvinie wr yx 
安 安居 数码 南城 -北京 全 全 半 文 丛 - 目 - 友 - 思 7 本 oO- 登 IRO- 


【 话 基 严 ws ) 
【市 场 价 : 6900】 
【会 员 价 : se00】 
【查看 信息 】 
【购买 商品 】 

【 济 星 次 数 : 3】 
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攻 了 二 高 城 后 台 页 奋 和 制作 一 一 
网 上 商城 制作 第 8 步 


本 章 学 习 重 点 

只 网 上 商城 后 台 分 析 
二 [5 商品 管理 界面 
》 只 用 户 管理 界面 
只 分 类 管理 界面 
只 信息 管理 界面 

网 上 商城 网 站 后 台 管理 系统 主要 用 于 维护 网 站 的 数据 ， 例 如 ， 网 站 会 员 的 管理 、 新 闻 
内 容 的 添加 与 删除 、 商 品 信息 的 添加 与 删除 等 。 本 章 将 详细 介绍 其 制作 方法 。 


9.1 网 上 商城 后 台 分 析 


网 So i 的 后 台 主 要 由 六 大 功能 模块 组 成 ， 分 别 是 ， 商品 管理 、 用 户 管理 、 分 类 
管理 、 信 息 管理 、 注 销 和 版 权 信 息 。 网 上 商城 网 站 后 台 的 文件 结构 如 下 图 所 示 。 
后 台 登 录 
admin/login.asp 


后 台 首页 


admin/manage.asp 
注销 登录 用 户 管理 分 类 管理 。 版 权 信息 
admin/ 
chk login.asp Pg Ne :用户 管 
ee Se 管理 商品 大 类 管理 。 商品 小 类 管理 
站 DA 六 息 管理 admin/ dmin/ 
商品 管理 Userasp masterasp ”信息 管理 b 
igclass.asp class.asp 


添加 新 的 商品 管理 商品 评论 查看 站 内 新 闻 意见 反馈 管理 
admin/ admin/ admin/ admin/ 
addpro.asp comment.asp news.asp dismess.asp 
查看 /修改 商品 管理 商品 订单 站 内 公告 设 添加 站 内 新 闻 留言 板块 管理 
admin/ admin/ rd admin/ admin/ 


lookpro.asp order.asp notify.asp addnews.asp book .asp 
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实例 1 后 台 首 页 的 实现 过 程 


网 上 商城 网 站 后 台 首 页 采用 框架 技术 将 功能 导航 区 和 主 操作 区 封装 在 两 个 框架 内 ， 以 
便 在 同一 个 页 面 中 操作 多 个 页 面 。 功 能 导航 区 主要 用 于 提供 网 站 的 功能 导航 ; 主 操作 区 主 
要 用 于 完成 各 种 管理 功能 。 

网 上 商城 网 站 后 台 需 要 登录 后 才 可 以 进行 操作 ， 后 台 登 录 页 面 (admin/login.asp) 运 行 结 
果 如 下 图 所 示 。 


hi 


eeeeee 
二 


网 上 商城 网 站 后 台 首 页 (admin/manage.asp) 的 运行 结果 如 下 图 所 示 。 


i 


LX 


扩 | 
pn 
<!——#include file="../include/conn.asp" --> 
<!--#include file="chk admin.asp" —-> /V/ 检测 当前 用 户 的 合法 性 
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4 Oe tm 计 基础 与 应 用 


<html> 

<head> 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title> 后 台 管理 </title> 


<script> 
if (self!=top) {top.location=self.location;} 
function switchSysBar() //' 显 示 或 隐藏 功能 导航 区 


{ 
if (switchPoint.innerText==3) 
{ 
switchPoint.innerText=4 
document .all ("frmTitle") .style.display="none" 
} 
else 
{ 
switchPoint.innerText=3 
document .all ("frmTitle") .style.display="" 
} 


} 
if (window.screen.width<'1024') {switchSysBar ()} 
</script> 
<style type="text/css"> 
.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT- 
SIZE: 9pt} 
</style> 
</head> 
<body style="MARGIN: 0px" scroll=no 
onResize=javascript:parent.carnoc.location.reload()> 
<table border="0" cellPadding="0" cellSpacing="0" height="100%" 
width="100%"> 
Ai 
<td align="middle" noWrap vAlign="center" id="frmTitle"> 
<iframe frameBorder="0" id="left" name="left" scrolling=auto 
src="menu.asp" style= "HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 170px; 
Z-INDEX: 2"></iframe> // "利用 框架 技术 在 首页 中 显示 页 面 admin/menu.asp 
</td> 
<td bgcolor="acb6bb" style="WIDTH: 9pt"> 
<table border="0" cellPadding="0" cellSpacing="0" height="100%"> 
<tr> 
<td style="HEIGHT: 100%" onClick="switchSysBar()"> 
<font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff"> 
<span class="navPoint" id="switchPoint" title="">3</span><br> 
</font></td> 
/Er> 
</table> 
</td> 
<td bgcolor="#FFFFFF" style="WIDTH: 100%"> 
<iframe frameBorder="0" id="right" name="right" scrolling="auto"™" 
src="admin.asp" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; 
Z-INDEX: 1"></iframe>  //' 利 用 框架 技术 在 首页 中 显示 页 面 admin/admin.asp 
</td> 
</tr> 
</table> 
</body> 
</html> 
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9.2 商品 管理 界面 


商品 管理 功能 主要 用 来 管理 网 站 数据 库 中 保存 的 商品 信息 ， 管 理 人 员 可 以 通过 网 站 后 
台 对 商品 进行 添加 、 修 改 和 删除 等 操作 。 

实例 2 添加 商品 信息 

网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “ 商 品 管理 ”一 “添加 商品 信息 ” 超 
级 链接 ， 即 可 进入 商品 信息 添加 页 面 (admin/addpro.asp)， 运 行 结果 如 下 图 所 示 。 


国外 区] [ea [saT: 


偷 " 回 - 蜗 " 申 7 加- 登 IRO- 
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商品 等 机 | 营 通 二 所 尿 大 共 : [化妆品 / 讳 品 六 所 民 小 区 : | 手 机 “二 商品 路 量 : | 
二 医 四 
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-GEGOEG:---------. 


名 称 类 型 含义 属 性 
Myform form 表单 name="myform" action="addpro.asp" method ="post" 
onSubmit="return addpro():" 
Bigclassid select 关联 大 类 ID name="bigclassid" size="1”id="bigclassid” onChange= 
"changelocation(document.myform.bigclassid.options 
document.myform.bigclassid.selectedIndex].value)" 
Classid select 关联 分 类 ID name="classid" 
Action hidden 隐藏 值 name="action" type="hidden" value="add" 
Reset reset “ 重 写 ”按钮 | type="reset" name="reset" value=" 重 写 " 
Submit submit “提交 ”按钮 | name="submit" type="submit" value=" 添 加 " 
此 外 ， 在 表单 中 上 传 图 片 文件 部 分 使 用 了 这 ame( 框 架 )， 把 文件 上 传 的 功能 交 给 
UpFile.asp。 商 品 信息 添加 页 面 中 的 关键 代码 如 下 。 


(20 0 


Oe 


<!--#include file="../include/conn.asp" --> 

<!——#include Eile "sd neluder rac lude,dsp” 一 一 > 

<1!--#include file="chk admin.asp" -—-> // 验 证 当前 用 户 的 合法 性 
<script language = "JavaScript"> 


<!—— 此 处 代码 的 王 要 功能 是 为 了 证 用 户 在 选择 商品 大 类 的 同时 显示 对 应 的 分 类 = 
Var onecount; 
onecount=07 
subcat = new Array(); // 建 立 数组 ， 目 的 是 按 一 定 规律 存放 所 有 分 类 
<% 
i=0 
sql="select * from [class] order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof //' 查 询 并 且 循 环 输出 所 有 分 类 
i=i+1 /7' 设 置 数组 下 标 ， 因 为 此 时 ASP 变量 i 的 值 为 1， 而 数组 下 标 初 
// " 始 值 为 0， 所 以 下 面 的 i-1 就 是 为 了 符合 数组 下 标的 规则 
// ' 数 据 库 中 有 多 少 符合 的 数据 ， 其 数组 的 总 量 就 有 多 少 ， 数 组 的 最 大 值 总 是 比 数组 的 总 量 少 1， 
// "因为 数组 下 标 以 0 开头 


和 > 

subcat [<%$=i-1%>] = new 

Array ("<%=rs ("mingcheng") $>", "<%=rs ("bigclassid")%®%>","<% = rs("id")%®>"); 
< 各 

rs.movenext 

loop 

rs.close 

set rs=nothing 

各 > 


onecount=<%response.Write i %>; 
/VA' 输 出 数组 的 总 量 ， 虽 然 ASP 变量 i 在 循环 体外 ， 但 i 在 循环 体内 已 经 获得 了 最 大 值 
function changelocation (locationid) 
{ 

document .myform.classid.length = 0; 

var locationid=locationid; 
// 初 始 化 1ocationid 变量 ， 并 赋值 取得 的 大 类 ID 

Var 

(i=0;i < onecount; i++) 


for 
Md 总 量 (分 类 的 总 数 ) 进行 循环 


if (subcat[i][1] == locationid) 
// 在 所 有 分 类 中 判断 对 应 的 大 类 ID 
{ 


document .myform.classid.options [document .myform.classid.length] = 
new Option (subcat[i] [0], subcat[i] [2]); 
// 完 成 了 选择 商品 大 类 的 同时 显示 对 应 的 分 类 的 赋值 
} 
} 


下 

<!=— end 一 一 > 

</acript> 

<script language = "JavaScript"> 

function addpro() // 验 证 表单 提交 信息 的 合法 性 


{ 


if(document .myform.jianjie.value=="") 
document .myform.jianjie.focus(); 


alert ("请 输入 商品 简介 ! "); 


return false; 


- - "省略 部 分 脚本 代码 
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</stript> 

</head> 

<body> 

< 

if request ("action")="add" then 

//' 从 隐藏 表单 中 提取 action 的 值 并 判断 是 否 由 该 表单 提交 数据 
if request ("jianjie")="" or request ("riqi") = "" 

request ("mingcheng") = "" or request ("shichang") = or 

request ("huiyuan") or request ("xinghao")="" or request ("dengji")="" 

or session("tupian")="" or request ("shuoming")="" 

request ("beizhu") or request ("bigclassid") 

request ("classid" or request ("shuliang") 

response.Write ("<script>alert (' 请 详细 填写 ! ') ;history.back();</script>") 

response.End() 

// "if 判断 语句 内 的 代码 是 验证 各 个 值 的 接收 情况 ， 目 的 是 避免 JavaScript 失效 时 向 数据 库 插 

//' 入 空 值 ， 从 而 导 臻 程序 错误 

end if 

SafeRequest (trim(request ("shuliang"))) //'SafeRequest 函数 的 功能 是 判断 

// ' 某 个 值 是 否 为 数字 型 ， 代 码 部 分 在 文件 include/include .asp 中 

SafeRequest (trim(request ("shichang"))) 

SafeRequest (trim(request ("huiyuan"))) 

sql="select * from [shangpin]" 

set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

rs.addnew /7' 将 接收 的 商品 信息 添加 到 数据 库 中 

rs("jianjie")=trim(request ("jianjie")) 

rs("riqi")=request ("riqi") 

rs("mingcheng")=request ("mingcheng") 

rs("shichang")=request ("shichang") 

rs("huiyuan")=request ("huiyuan") 

rs("xinghao")=request ("xinghao") 

rs("dengji")=request ("dengji") 

rs("tupian" ession ("tupian") 

rs("shuoming")=request ("shuoming") 

rs("beizhu")=request ("beizhu") 

rs("bigclassid")=request ("bigclassid") 

rs("classid")=request ("classid") 

rs("shuliang")=request ("shuliang") 

rs("cishu")="1" 

rs.update 

rs.close 

set rs=nothing 

session ("tupian") // "将 临时 存储 图 片 路 径 的 变量 设置 为 空 

response.Write ("<script>alert(' 添 加 成 功 ! 

') ;window.location.href='addpro.asp'; </script>") 

end if 

多 > 

<table width="98%" border="0" align="center" cellpadding="1" 

i "1" bgcolor= "#9faeb6"> 

"myform" action="addpro.asp" method="post" onSubmit="return 


addpro();"> 

- - - "省略 部 分 显示 代码 

<tr height="20" bgcolor="#FFFFFF" align="center"> 

<tq> 商 品 图 片 : </td> 

<td><div align="left"> 

<iframe src="UpFile.asp" width="260" height="20" scrolling="no" 
MARGINHEIGHT ="0" MARGINWIDTH="0" align="bottom"></iframe> 
// "利用 框架 实现 文件 的 上 传 功能 


</div></td> 
</tre> 
- - -省略 部 分 显示 代码 


曲 
- 
@ 
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<%if request ("bigclassid")="" and request ("classid")="" then %> 
/7 "此 处 判断 大 类 和 分 类 ID 如 果 为 室 ， 则 表示 商品 的 类 别 尚 未 确定 则 显示 大 类 及 关联 大 类 的 分 类 


所 属 大 类 : 
<!-- 此 处 代码 的 功能 是 选择 下 拉 选 项 时 触发 一 个 事件 ， 并 且 将 商品 的 大 类 ID 提交 到 
changelocation 函数 进行 处 理 --> 
<select name = "bigclassid" size = "1" id = "bigclassid" onChange = 
"changelocation 
( document .myform.bigclassid.options[document .myform.bigclassid.selected 
Index] .value) "> 
所 = 一 end -=> 
<% 
sql="select * from [bigclass] order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof //' 利 用 循环 输出 所 有 大 类 
多 > 
<option value="<%=rs ("id")%>"><%=rs ("mingcheng")%></option> 
< 各 
rs.movenext 
loop 
rs.close 
set rs=nothing 
%> 
</select> 
所 属 小 类 : 
<select name="classid"> 
< 各 
sql="select * from [class] order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof // "利用 循环 输出 所 有 小 类 
各 > 
<option value="<%=rs ("id")®%>"><%=rs ("mingcheng")®%></option> 
< 多 
rs.movenext 
loop 
rs.close 
set rs=nothing 
%> 
</select> 
<%else %>//' 不 为 空 ， 表 示 已 经 确定 大 类 和 分 类 ， 并 且 在 添加 商品 的 类 别处 对 应 赋值 
所 属 大 类 : 
<select name="bigclassid" size= 
< 多 
sql="select * from [bigclass] where id="&request ("bigclassid")&" order 
by paixu;" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof // "输出 相应 的 大 类 
名 > 
<option value="<%=rs ("id")%$>"><%=rs ("mingcheng")®%></option> 
< 
rs.movenext 
loop 
rs.close 
set rs=nothing 
$> 
</select> 
所 属 小 类 : 
<select name="classid"> 
<% 


id="bigclassid"> 
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sql="select * from [class] where id="&request("classid")&"” order by 


Paixun 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 //' 输 出 相应 的 小 类 
各 > 
<option value="<%=rs ("id")%$>"><%=rs ("mingcheng")%></option> 
<% 
rs.close 
set rs=nothing 
$%> 
</select> 
<%end if%> 
&nbsp; &nbsp; 商品 数量 : <input name="shuliang" type="text" size="6"> 


<input name="action" type="hidden" value="add"> 

&nbsp; gnbsp; <input type="reset" name="reset" value=" 重 写 "> 

&nbsp; gnbsp; <input name="submit" type="submit" value=" 添 加 "></td> 
</tr></table><br></td></tr> 

</form></table> 

</body> 

</html> 


实例 3 商品 信息 管理 

网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “ 商 品 管理 ”一 “商品 信息 管理 ” 超 
级 链接 ， 即 可 进入 商品 信息 管理 页 面 (admin/lookpro.asp)， 在 该 页 面 可 查询 shangpin 数据 
表 显 示 所 有 的 商品 信息 。 运 行 结果 如 下 图 所 示 。 


可 - [Ehttp: /ocdhost/ sdnin/menage amp 司 [的 区 | [ca ]PD| 
富安 大 小 罗 商 城北 京 全 全 妆 文 化 发 展 中 心 | : 价 - 回 - 磺 - 呈 夯 o- 伟 IRO -| 


Ee 
3 ET ER 斯 尾 直 基 : [二 


系统 首页 | 注销 登录 忌 
Eh 


2007-10-17 13:58:25 修改 


2007-10-17 9:52:29 


2007-10-17 9:41:32 


2007-10-17 9:35:05 


2007-10-17 9-32:58 


2007-10-17 9:30:22 


2007-10-17 9:09:18 10.8 
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| 上 有 博识 _ 


商品 信息 管理 页 面 中 的 关键 代码 如 下 。 


<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<!—-#include file="../include/connl.asp" --> 

<!--#include file="../include/include.asp" --> 

<!--#include file="chk admin.asp" 一 -> 

< 各 


if request ("action")="del" then //' 通 过 判断 action 的 值 决定 是 否 删除 商品 信息 


4 学 上 基础 与 应 用 


Conn .execute ("delete from [shangpin] where id="&request ("id")&"") 
response.Write ("<script>alert (' 删 除 成 功 ! 

') ;window.location.href="'lookpro.asp'; </script>") 

end if 

> 

<table width="98%" border="0" align="center" cellpadding="1" 


cellspacing="1" bgcolor = "#9faeb6"> 
- -省略 部 分 显示 代码 


<td width="100"> 
<div align="right"><font color="#FFFFFF"> 所 属 大 类 : </font></div></td> 
<td> 
<select name="bigclassid"> 
<% 
sql="select * from [bigclass] order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof // "利用 循环 显示 大 类 信息 
各 > 
<option value="<%=rs ("id") gs>"><%=Ts ("mingcheng")%></option> 
< 多 
rs.movenext 
loop 
rs.close 
set rs=nothing 
$%> 
</select></td> 
<td width="160"> 
<font color="#FFFFFF"> 所 属 小 类 : </font> 
<select name="classid"> 
<% 
sql="select * from [class] order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof // "利用 循环 显示 小 类 信息 
%> 
<option value="<%=rs ("id")®%>"><%=rs ("mingcheng")%></option> 
<% 
rs.movenext 
loop 
rs.close 
set rs=nothing 
多 > 
</select> 
</tr> 
. . "省略 部 分 显示 代码 
<% 
if request ("bigclassid")<>"" and request ("classid")<>"" then 
/7 ' 判 断 是 否 按 指 定 类 别 进行 查询 
wh="where bigclassid="grequest ("bigclassid")&" and 
classid="grequest ("classid")g"" 
end if 
sql="select * from [shangpin] "&wh&"” order by id desc" 
//' 这 里 用 到 了 wh 变量 。 如 果 已 经 确定 按 类 别 进行 查询 ， 实 际 的 SQL 语句 如 下 行 注释 所 示 ， 否 
//" 则 值 为 室 ， 不 影响 任何 操作 。 这 样 可 以 避免 因 多 次 查询 所 带 来 的 麻烦 
"sql="select * from [shangpin] where 
bigclassid="&request ("bigclassid")&" and classid = 
"grequest ("classid")&g" order by id desc" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1l,l1 
if rs.eof and rs.bof then 
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Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 


</p>" 
else 
rs.pagesize=10 //' 每 页 显示 的 记录 数 


SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<]1 then page=1 //" 如 果 当 前 页 数 小 于 1 则 页 数 等 于 1， 道 理 同 下 
if page>rs.pagecount then page=rs.pagecount 
// "如 果 当 前 页 数 大 于 总 页 数 ， 则 当前 页 数 等 于 总 页 数 
//' 例 : 一 共有 10 页 ， 但 当前 页 数 是 100， 此 时 当前 页 数 大 于 总 页 数 根本 没有 信息 或 者 导致 
// "程序 出 错 
Show rs,page 
sub show (rs,page) // "定义 过 程 显示 商品 信息 
rs.absolutepage=page 
for i=1 to rs.pagesize 
if rs("shuliang")<20 then 
response.Write ("<script>alert (' 商 品 "grs ("mingcheng") &" 数量 已 经 少 于 
20! ') ;</script>") //' 判 断 每 件 商品 的 库存 量 是 否 有 20 件 以 上 ， 如 果 没 有 则 给 出 提示 
end if 
多 > 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td><a 
href="pro.asp?id=<%=rs ("id")%>"><%=rs ("mingcheng")®%></a></td> 
// "显示 商品 名 称 超级 链接 ， 单 击 该 链接 将 执行 文件 pro.asp， 显 示 商 品 的 详细 信息 
<td><%=rs ("riqi")%®%></td> 
<td><%=rs ("shichang")®%></td> 
<td><%=rs ("huiyuan")®%></td> 
<td><a href="uppro.asp?id=<%=rs ("id")%>"> 修 改 </a></td> 
//' 显 示 “ 修 改 ” 超 级 链接 
<td><a href = "lookpro.asp?id = <% 
=rs ("id")%®%>&action=delgbigclassid=<%=request 
("bigclassid")%>gclassid=<%=request ("classid")%>"> 删 除 </a></td> 
// "显示 “删除 ”超级 链接 
</tr> 
< 多 
rs.movenext 
if rs.eof then exit for 
next 
end sub 
多 > 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<form name="form" action="?" method="get"> 
<td colspan="6"> 
<% 
if page<>1 then 
response.Write ("gnbsp; gnbsp; <a href="&path&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp; <a href="&path&"?page="& (page-1)g&" > 
圭一 页 </as 叶 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color="'#FF0000'>"gpageg"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
color="#FF0000'>"grs.recordcountg"</font>/ <font color ="#FF0000'>" 
&rs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="& (page+1)&"> 下 
一 页 </a>") 
response.Write ("gnbsp; &nbsp; <a 
href="gpathg"?page="&rs .pagecountg"> 最 末 页 </a>") 
end if 


曲 
加 
- 
@ 
时 


response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
各 > 
</td></form></tr> 
</table><br></td></tr></table> 


页 面 admin/lookpro.asp 只 是 显示 商品 的 基本 信息 ， 单 击 “ 修 改 ” 超 级 链接 后 可 进入 商 
品 的 修改 页 面 (admin/uppro.asp), 对 商品 信息 进行 修改 。 运 行 结果 如 下 图 所 示 。 


教 码 商城 -- 北 京 全 企 先 文 化 发 展 中 心 - Windows Internet Ezplorer 


快 条 介入 一 动态 网 站 设计 基础 与 应 用 


> m/e 国 [s|[x 


“iFree” 品 牌 ， 精 美 设计 
2007-10-17 13:58:25 
卡通 包 包 ( 单 户 矢 持 ) 


基本 信息 
型 号 无 品牌 材质 配置 产地， 尺寸， 出 厂 


日 期 燥 格 : 保质 期 ， 颜色 梅 加 黑 


“iFree” 品 牌 ， 精 美 设计 ， 是 一 款 时 尚 女性 喜欢 的 妇 包 


商品 等 级 : | 兽 通 W 所 屎 大 基 : | 箱包 / 鞋 输 ”所 屎 小 类 : | 荐 也 
数量 : ,80 


name="myform" action="uppro.asp" method="post" 
onSubmit = "return addprog0): 


a 


“ 重 写 ” 按 包 
| suomit | 


“修改 ”按钮 ”| name="submit" type="submit" value=" 修 改 " 


下 面 分 析 修 改 商 品 信息 页 面 中 的 关键 代码 。 


<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<!--#include file="../include/connl.asp" --> 

<!--#include file="../include/include.asp" --> 

<!--#include file="chk admin.asp" 一 -> 

<script language = "JavaScript"> 

function addpro() 

{ 
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if (document .myform.jianjie.value: 


4 


document .myform.jianjie.focus(); 
alert ("请 输入 商品 简介 ! "); 
return false; 
} 
- . . "省略 部 分 脚本 代码 
} 
</script> 
< 要 
if request ("action") //' 通 过 action 的 值 判断 是 否 修 改 商 品 信息 
if request ("jian 
request ("mingcheng'" 
request ("huiyuan") 
or request ("shuoming 


or request ("shicha 
or request ("dengji") or request ("xinghao") 
"" or request ("beizhu")="" or 
request ("bigclassid" or request ("classid") ="" or 
request ("shuliang")= then 
response.Write ("<script>alert (' 请 详细 填写 ! 
') ;history.back();</script>" 
response.End() 

end if 

SafeRequest (trim(request ("shuliang"))) 

SafeRequest (trim(request ("shichang"))) 

SafeRequest (trim(request ("huiyuan"))) 

sql="select * from [shangpin] where id="&grequest ("id")g"" 

/7 ' 根 据 取得 的 商品 ID 对 数据 库 中 相应 的 记录 进行 修改 

set rs=Server.CreateObject ("ADODB .Recordset") 

rs.open sql,conn,3,3 

rs("jianjie")=trim(request ("jianjie")) 

rs("riqi")=request ("riqi") 

rs("shuliang")=request ("shuliang") 

rs("mingcheng")=request ("mingcheng") 

rs("shichang")=request ("shichang") 

rs("huiyuan")=request ("huiyuan") 

rs("xinghao request ("xinghao") 

rs("dengji")=request ("dengji") 


if session("tupian")<>"" then // "此 处 判断 是 否 需 要 修改 图 片 路 径 
rs("tupian")=session ("tupian") 
end if 


rs("shuoming")=request ("shuoming") 
rs("beizhu")=request ("beizhu") 
rs("bigclassid")=request ("bigclassid") 
rs("classid")=request ("classid") 
rs.update 
rs.close 
set rs=nothing 
session("tupian")="" 
response.Write("<script>alert("' 修改 成 功 ! 
') ;window.location.href="'lookpro.asp'; </script>") 
end if 
$> 
<table width="98%" border="0" align="center" cellpadding="1" 
cellspacinm 1" bgcolor="#9faeb6"> 
<form name="myform" action="uppro.asp" method="post" onSubmit="return 
addpro();"> <tr> 
- - "省略 部 分 显示 代码 
<% 
sql="select * from [shangpin] where id="grequest ("id")g&";" 
//' 查询 对 应 的 商品 信息 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 


地 
w 
- 
@ 
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和 > 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td width="25%"> 商 品 简介 : </td> 


<td width="75%"><div align="]left"> 
<input name="jianjie" type="text" value="<%=rs ("jianjie")$>"> 
</div></td> 
</tr> 
- .省略 部 分 显示 代码 


<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td colspan="2"> 


商品 等 级 : 
<select name="dengji"> 
<g%if rs("dengji")="2" then $> // 判断 是 否 为 精品 


<option value="2"> 普 通 </option> 
<option value="1"> 精 品 </option> 
<ge1SeSg> 

<option value="1"> 精 品 </option> 
<option value="2"> 普 通 </option> 
<%end if%> 

</select> 

所 属 大 类 

<select name="bigclassid"> 


="select * from [bigclass] where id="&grs("bigclassid")&";" 
/7 ' 查 询 该 商品 对 应 的 大 类 
set rsl=Server.CreateObject ("ADODB.Recordset") 
rsl.open sqll,conn,3,3 
多 > 
<option value="<%=rsl1 ("id")%>"><%=rsl ("mingcheng") gs></option> 
< 
rsl.close 
set rsl=nothing 
多 > 
<% 
sql2="select * from [bigclass] where id<>"grs ("bigclassid")&" order by 
paixu;" 
// "查询 除 对 应 该 商品 的 所 有 大 类 。 分 两 次 查询 的 目的 是 既 输 入 了 所 有 类 别 ， 又 做 到 了 不 重复 输出 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0open sql2,conn,3,3 
do while not rs2.eof 
多 > 
<option value="<%=rs2 ("id")%>"><%=rs2 ("mingcheng")%></option> 
< 多 
rs2.movenext 
loop 
rs2.close 
set rs2=nothing 
各 > 
</select> 
所 属 小 类 : 
<select name="classid"> 
< 
sqll="select * from [class] where id="grs("classid")g&";" 
//' 查 询 该 商品 对 应 的 小 类 
set rsl=Server.CreateObject ("ADODB .Recordset") 
rsl.open sqll,conn,3,3 
$> 
<option value="<%=rsl1 ("id")%$>"><%=rsl ("mingcheng")%></option> 
< 
rsl.close 
set rsl=nothing 


> EEN 


和 > 
<% 
sql2="select * from [class] where id<>"grs("classid")&g" order by paixu;" 
// "查询 除 对 应 该 商品 的 所 有 小 类 ， 不 重复 输出 
set rs2=Server.CreateObject ("RDODB.Recordset") 
rs2.open sql2,conn,3,3 
do while not rs2.eof 
多 > 
<option value="<%=rs2 ("id")%>"><%=rs2 ("mingcheng")%></option> 
< 各 
rs2.movenext 
loop 
rs2.close 
set rs2=nothing 
$> 
</select> 
&nbsp; gnbsp; 商品 数量 : <input name="shuliang" type="text" size="6" 
value="<%= rs("shuliang")%>"> 
<input name="id" type="hidden" value="<%=request ("id")$®%>"> 
<input name="action" type="hidden" value="update"> 
&nbsp; gnbsp; <input type="reset" name="reset" value=" 重 写 "> 
&nbsp; Enbsp; <input name="submit" type="submit" value=" 修 改 "></td> 
</tr> 
< 各 
rs.close 
set rs=nothing 
$%> 
</table><br></td></tr></form></table> 


实例 4 商品 订单 管理 
网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “ 商 品 
级 链接 ， 即 可 进入 商品 订单 管理 页 面 (admin/order.asp)。 运 行 


数码 商城 一 北京 全 企鹅 文化 发 展 中 心 - Windows Internet Explorer 


管理 ”一 “商品 订单 管理 ” 超 
结果 如 下 图 所 示 。 


国 、 同 Me11ieeauhesveivemees em 加 x |[ 


全 "由 -种 -四 ND- 从 IAQ) 


可 第 编导 下 名 时 间 
20080805164434 建设 村 行 汇款 2008-0-5 16:44:34 
20080805162244 > 2008-6-5 16:22:44 
20080804170823 建设 银行 蕊 款 2006-6-4 17:08:23 
20080725165315 2008-7-25 16;53;15 
20080725164007 > 2008-7-25 16:40:07 
20060725152224 建设 对 行 汇款 2008-7-25 15:22:24 
20071219063938 2007-12-19 8:39:38 
20071219083843 建设 染 行 汇款 2007-12-19 8:36;43 
20071219063817 2007-12-19 8:38:17 
20071219083722 2007-12-19 8:37:22 


加 


曲 
加 
% 
电 


商品 订单 管理 页 面 中 的 关键 代码 如 下 。 


<% 
if request ("action")="del" then // "判断 是 否 执行 删除 商品 信息 的 操作 
Conn .execute ("delete from [dingdan] where id="&request("id")&"") 
// "根据 取得 的 商品 ID 进行 删除 
response-Write("<script>alert(' 删 除 成 功 ! 
') ;window.location.href="'order.asp';</script>") 
end if 


学 


$> 
<table width="98%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor= "#9faeb6"> 


- - . "省略 部 分 显示 代码 
< 名 
if request ("tiaojian")="1" then 
chaxun="where didanhao="'"grequest ("guanjian")g"'" //" 按 订单 编号 查询 
end if 
if request ("tiaojian")="2" then 
chaxun="where name='""&request ("guanjian")g"'" //' 按 用 户 名 查询 
end if 
if request ("tiaojian")="3" then 
if request ("guanjian")="" then //' 是 否 需要 多 条 件 查 询 
chaxun="where zhuangtai="'1'" //' 按 已 付款 的 订单 查询 
else 


chaxun="where zhuangtai='1' and name='"g&request ("guanjian")g"'" 


/7' 按 已 付款 的 订单 并 且 对 应 用 户 名 查询 


end if 
end if 
if request ("tiaojian")="4" then 
if request ("guanjian")="" then //' 是 否 需要 多 条 件 查询 
chaxun="where zhuangtai="'2'" //' 按 已 发 货 的 订单 查询 
else 


chaxun="where zhuangtai='2' and name='"g&request ("guanjian")g"'" 
/7' 按 已 发 货 的 订单 并 且 对 应 用 户 名 查询 
end if 
end if 
sql="select * from [dingdan] "&chaxun&" order by id desc;" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,l1 


if rs.eof And rs.bof then //' 如 果 没 有 找到 符合 条 件 的 记录 则 显示 提示 信息 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
p>" 
else 
rs.pagesize=10 //' 每 页 显示 的 记录 数 


SafeRequest (request ("page")) 

page=clng (request ("page")) 

if page<1 then page=1 // "如果 当 前 页 数 小 于 1 则 页 数 等 于 1， 道 理 同 下 

if page>rs.pagecount then page=rs.pagecount 

// "如 果 当 前 页 数 大 于 总 页 数 ， 则 当前 页 数 等 于 总 页 数 

show rs,page 

sub show (rs,page) //' 定 义 过 程 显示 商品 订单 信息 

rs.absolutepage=page 
for i=1 to rs.pagesize 

名 > 
<tr bgcolor="#FFFFFF" align="center"> 

<td><a href = "lookorder.asp?dingdan = <% 
=rs("didanhao")®%>"><%=rs ("didanhao")®%> </a> </td> 

<td><%=rs ("songhuo")®%></td> 

<td><%=rs ("zhifu")%></td> 

<td><%=rs ("name")$></td> 

<td><%=rs ("shijian")®%></td> 

<td><a href="order.asp?action=delg&id=<%=rs ("id")%>"> 删 除 </a></td> 
</tr> 
< 

rs.movenext 


if rs.eof then exit for //' 如 果 数 据 到 了 最 后 一 条 ， 跳 出 并 结束 循环 
本 
end si /过 程 结束 


> 
<tr bgcolor="#FFFFFF" align="center"> 


Ie 
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<form name="form" action="?" method="get"> 
<td colspan="6"> 
<% 
if page<>1 then 
response.Write ("gnbsp; gnbsp; <a href="&path&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp;<a href="gpathg"?page="& (page-1)&" > 
一 大 c/as™y 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color="'#FF0000'>"gpage&g"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
color="#FF0000'>"grs.recordcountg"</font>/ <font color ="#FF0000'>" 
&rs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; tnbsp;<a href="gpathg"?page="& (page+1)&"> 下 
一 页 <7a> 吵 
Tesponse.Write ("gnbsp; gnbsp; <a 
href="gpathg"?page="&rs .pagecountg"> 最 末 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 


名 > 

. .省略 部 分 显示 代码 

</html> 

以 上 显示 的 是 商品 订单 列表 ， 单 击 商品 订单 号 可 进入 商品 订单 修改 页 面 (admin/ 
lookorder.asp)， 运 行 结果 如 下 图 所 示 。 


数码 商城 一 北京 金 企 惑 文化 发 展 中 心 - Windows Internet Explorer 


四 http://loealhosMVedniwyaansge sp 司 [9j[xj[ le 


TY J 多 - 回 到 - 昌 mo -全 Ia- 


订单 导 | 2008080s162244 Ex 口 忆 & 货 口 Ek 口 | 本 可 
商品 名 称 数量 | 市 场 从 | 会 员 价 | 成 交 价 | 小 计 


卡通 包 包 ( 单 启 科 持 ) 1 128 2 | 2 四 
证 一下 商品 确定 克 资 ， 设 商 吕 粳 挡 刘 动人 库存 让 和 三 太 ， 基 且 不 可 更 8 
It 区 人 性 名 : on 


详细 地 址 : 北京 王府 并 大 街 122 号 
邮 蝙 : 


用 户 管理 
分 类 管理 也: 
信息 管理 


曲 
加 
引 
电 


商品 订单 修改 页 面 中 的 关键 代码 如 下 。 


< 各 
if request ("dingdan")<>"" and request ("action")="update" then 
// "判断 是 否 修改 订单 
sql="select * from [dingdan] where 
didanhao="'"&grequest ("dingdan")g&"';" //' 按 订单 号 查询 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then 
if right (request ("zhuangtai"),1)>="2" and rs("zhuangtai")<"2" then 


快 条 电脑 一 动态 网 站 设计 基础 与 用 


//' 此 时 request ("zhuangtai") 为 字符 串 形式 ， 例 : 1、2 或 1、2、3， 这 个 时 候 我 们 只 
//" 要 最 右边 的 字符 就 可 以 知道 提交 的 值 了 
//' 当 right (request ("zhuangtai") ,1) 的 值 大 于 或 等 于 2 (已 经 发 货 了 ) 并 且 数据 库 
// "中 的 值 小 于 2 (商品 数量 没有 被 修改 过 ) 的 时 候 才 对 商品 的 数量 进行 修改 
shangpin=split(rs ("shangpin"),",") 
shuliang=split(rs ("shuliang")，"v") 
for i=0 to ubound (shangpin) 
/7 "循环 输出 商品 TID， 并 将 对 应 商品 ID 的 商品 数量 进行 修改 
sql2="select * from [shangpin] where id="&shangpin(i)g"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0pen sql2,conn,3,3 
rs2("shuliang")=rs2 ("shuliang")-shuliang (i) 
/7' 新 的 商品 数量 = 原 商品 数量 -订单 中 的 商品 数量 
rs2.update 
rs2.close 
set rs2=nothing 
next 
end if 
if request ("zhuangtai")<>"" then 
rs("zhuangtai")=right (request ("zhuangtai"),1) 
else 
rs("zhuangtai")=0 // "如 果 订 单 状态 不 属于 已 收 款 、 已 发 货 、 已 收 货 的 情况 下 
end if 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 修 改 订单 成 功 ! 
') ;window.location.href="'lookorder.asp? 
dingdan="&request ("dingdan")&g"';</script>") 


end if 
end if 
if request ("dingdan")<>"" then 
SafeRequest (request ("dingdan")) /7 ' 判 断 订 单 号 是 否 为 数字 型 


sql="select * from [dingdan] where 
didanhao='"grequest ("dingdan")g&"';" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
if not rs.eof then 
shangpin=split (rs ("shangpin"),",") 
/7' 用 来 分 割 字符 串 ， 首 先 要 拆 分 此 订单 中 每 个 商品 的 ID 


shuliang=split (rs ("shuliang"),",") // 商品 对 应 的 购买 数量 
"98%" border="0" align="center" cellpadding="1" 
"1" bgcolor= "#9faeb6"> 
. ..…' 省 略 部 分 显示 代码 
<form action="lookorder.asp" method="get"> 


<tr> 
<td width="13%" bgcolor="#FFFFFF"> 订 单 编号 :</td> 
<td width="22%" bgcolor="#FFFFFF"><%=rs ("didanhao")®%></td> 
<td width="18%" bgcolor="#FFFFFF"><div align="center"> 已 收 款 
<input type="checkbox" name="zhuangtai" value="1"<%®if 
rs("zhuangtai")>0 then response.Write("checked") end if %>> 
// "确定 商品 状态 
</div></td> 
<td width="18%" bgcolor="#FFFFFF"><div align="center"> 已 发 货 
<input type="checkbox" name="zhuangtai" value="2"<$%if 
rs("zhuangtai")>1 then response.Write("checked") end if$%>> 
</div></td> 
<td width="18%" bgcolor="#FFFFFF"><div align="center"> 已 收 货 
<input type="checkbox" name="zhuangtai" value="3"<$%if 
rs("zhuangtai")>2 then response.Write("checked") end if$%>> 
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</div></td> 

<td width="7%" bgcolor="#FFFFFF"><div align="right"> 

<input type="submit" name="submit"” value=" 修 改 "> 

</div></td> 

</Er> 

<input type="hidden" name="dingdan" value="<%response.Write 
rs("didanhao") %>"> //' 将 订单 号 作为 隐藏 值 进行 提交 

<input type="hidden" name="action" value="update"> 

</form> 

</table></td> 

..… ' 省 上 略 部 分 显示 代码 


for i=0 to ubound (shangpin) //' 此 时 变量 shangpin 为 数组 形式 
sql2="select * from [shangpin] where id="gtrim(shangpin(i))e"" 
//' 得 到 每 个 商品 的 ID 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0open sql2,conn,3,3 


人 
op 


各 > 
<a href="pro.asp?id=<%=rs2("id")%$>"><%response.Write rs2("mingcheng") 
$></a><br> //' 输 出 商品 名 称 并 将 其 设置 为 超级 链接 
< 各 
rs2.close 
set rs2=nothing 
next 
名 > 
</td> 
<td> 
< 各 
for i=0 to ubound (shuliang) 
response.Write (shuliang (i)) //' 输 出 商品 数量 
response.Write ("<br>") 
next 
和 > 
</td> 
<td> 
< 委 
for i=0 to ubound (shuliang) 
//' 此 时 数组 shuliang 和 shangpin 的 最 大 下 标 是 一 样 的 
// "因为 在 存储 订单 时 商品 对 应 着 数量 ， 而 这 里 的 for 循环 语句 需要 最 大 值 ， 所 以 任何 一 个 
// "都 可 以 作为 for 循环 的 最 大 值 
sql2="select * from [shangpin] where id="&trim(shangpin(I) )&"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0open sql2,conn,3,3 
response.Write (rs2 ("shichang")) /7' 输 出 商品 市 场 价格 
response.Write ("<br>") 
rs2.close 
set rs2=nothing 
next 


op 
Vv 


</td> 
<td> 


人 
op 


for i=0 to ubound (shuliang) 
sql2="select * from [shangpin] where id="&trim(shangpin(I) )&"n 
set rs2=Server.CreateObject ("ADODB.Recordset") 
TS2.open sql2,conn,3,3 
response.Write (rs2 ("huiyuan")) /7' 输 出 商品 会 员 价 格 
response.Write ("<br>") 
rs2.close 
set rs2=nothing 
next 


@ 
加 
- 
@ 


Os 与 应 用 


> 
</td> 
<td> 


for i=0 to ubound (shuliang) 
sql2="select * from [shangpin] where id="&trim(shangpin(I) )&"" 
set rs2=Server.CreateObject ("RDODB.Recordset") 
rs2.0pen sql2,conn,3,3 
response.Write (rs2 ("huiyuan")) 
// ' 输 出 商品 成 交 价格 (成 交 价 格 其 实 就 是 会 员 价格 ) 
response.Write ("<br>") 
rs2.close 
set rs2=nothing 


next 
各 > 
</td> 
< 七 q> 
< 多 
for i=0 to ubound (shuliang) 
sql2="select * from [shangpin] where id="&trim(shangpin(I) )&"" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0open sql2,conn,3,3 
response.Write (rs2 ("huiyuan")*shuliang (i)) /7/ 输出 小 计 
response.WFite ("<br>") 
rs2.close 
set rs2=nothing 
next 
多 > 
..…' 省 略 部 分 显示 代码 
</table> 
<% 
else 
response.Write ("<script>alert (' 无 此 订单 号 ') ;</script>") 
end if 
rs.close 
set rs=nothing 
end if 
$%> <br></td> 
</tr> 
</table> 


实例 5 商品 评论 管理 

网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “ 商 品 管理 ”一 “商品 评论 管理 ” 超 
级 链接 ， 即 可 进入 商品 评论 管理 页 面 (admin/comment.asp)， 该 页 面 通 过 查询 pinglun 数据 
表 显 示 所 有 商品 评论 信息 。 运 行 结果 如 下 图 所 示 。 


Bp /Nocioni ee sop ox Pp. 


主人 交 条 天 卫 内 一 比 页 多 全 了 祥 化 发展 中 合 - 目 -十 -全 JI 夯 口 .人 IRw -| 
A 


二 EE EE 
人 Ss 交 贡生 


007-i2- 寺 
i 各 要 区 | 全 


:页 条 3/| 页 oil nO] 
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商品 评论 管理 页 面 中 的 关键 代码 如 下 。 


<% 

if request ("action")="del" then // 判断 是 否 删 除 商品 的 评论 信息 
Conn .execute ("delete from [pinglun] where id="&request("id")&"") 
response-Write("<script>alert(' 删 除 成 功 ! 

') ;window.location.href='comment .asp'; </script>") 


end if 

%> 

<table width="98%" border align="center" cellpadding="1" 
cellspacing="1" bgcolor= "#9faeb6"> 

. . . "省略 部 分 显示 代码 

<% 


sql="select * from [pinglun] order by id desc;" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,l1 
if rs.eof And rs.bof then //' 如 果 没 有 商品 的 评论 信息 则 输出 提示 信息 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! </p>" 
else // "分 页 显示 评论 信息 
rs.pagesize=10 
SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<1 then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show (rs,page) // 分 页 显示 商品 的 评论 信息 
rs.absolutepage=page 
for i=1 to rs.pagesize 
多 > 
<tr bgcolor="#FFFFFF" align="center"> 
<td><%=rs ("mingcheng")%></td> 
<td><%=HTMLEncode (rs ("pinglun"))%></td> 
<td><%=rs ("shijian")%®></td> 
<td><a href="comment.asp?action=del&id=<%=rs ("id")%>"> 删 除 </a></td> 
</ te> 
< 多 
rs.movenext 
if rs.eof then exit for 
next 
end sub 
多 > 
<tr bgcolor="#FFFFFF" align="center"> 
<form name="form" action="?" method="get"> 
<td colspan="4"> 
< 和 
if page<>1 then 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp;<a href="gpathg"?page="& (page-1)&" > 上 
页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color='#FF0000'>"gpage&g"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
color="'#FF0000'>"grs.recordcountg"</font>/ <font 
color="'#FF0000'>"&grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="& (page+1)&"> 下 一 页 
</a>") 
response.Write ("gnbsp; &nbsp; <a href="gpathg"?page="&rs.pagecountg"> 最 
末 页 </a>") 
end if 


@ 
w 
- 
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response .Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
务 > 
</td> 
</form></table> 
<br></td></tr> 
</table> 


9.3 ”用 户 管理 界面 


用 户 管理 主要 分 为 两 个 部 分 : 第 一 部 分 是 会 员 信息 管理 ， 第 二 部 分 是 后 台 用 户 管理 。 
会 员 信息 管理 使 用 的 是 user 数据 表 ， 后 台 用 户 管理 使 用 的 是 admin 数据 表 。 

实例 6 ”会员 信息 管理 

网 站 管理 员 在 网 站 后 台 首页 的 功能 导航 区 中 单 击 “ 用 户 管理 ”一 “会 员 信息 管理 ” 超 
级 链接 ， 即 可 进入 会 员 信息 管理 页 面 (admin/user.asp)， 该 页 面 通过 查询 user 数据 表 显 示 所 
有 的 会 员 信息 。 运 行 结果 如 下 图 所 示 。 


数码 商城 一 北京 金 企鹅 文 化 发 展 中 心 可 Internet Explorer 
GO Ew /ai 
说 安 ”看 数 友 商 城北 京 金 全 况 文 化 发 展 中 心 


用 PID 姓名 电子 邮件 
tom TI onlQ163. com 北京 王府 井 大 街 122 可 
加 x ufl26. co saf 
dinel ing 6 eon 证 
四 Shung | ceylsing co 2154548 ET 


当前 ! 页 条 4/! 页 跳 各 到 页 | 


会 员 信息 管理 页 面 中 的 关键 代码 如 下 。 


< 多 
if request ("action")="del" then // "判断 是 否 删除 会 员 
conn .execute ("delete from [user] where id="&request("id")&"") 
Lesponse .Write ("<script>alert(" 删除 成 功 ! 
') ;window.location.href='user.asp';</script>") 
end if 
多 > 
<table width="98%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor= "#9faeb6"> 
- - . "省略 部 分 显示 代码 
< 要 
sql="select * from [user] order by id desc;" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1l,l1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
</p>" 
else //' 分 页 显示 会 员 信 息 
rs.pagesize=10 
SafeRequest (request ("page")) 
page=clng (request ("page")) 


和 千 9 章 。 网 上 商城 后 台 页 面 制作 一 网 上 商城 制 


if page<1l then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show (rs,page) 
rs.absolutepage=page 
for i=1 to rs.pagesize 
$%$> 
<tr bgcolor="#FFFFFF" align="center"> 
<td><a href="#" 
onClick="'javascript:window.open("lookuser.asp?id=<%=rs ("id")%$>");'> 
<$=rs ("name")$></a></td> 
<td><%=rs ("xingming")%></td> 
<td><%=rs ("mail")®%></td> 
<td><%=rs ("tel")®%></td> 
<td><%=rs ("dizhi")%></td> 
<td><a href="user.asp?action=del&id=<%=rs ("id")%>"> 删 除 </a></td> 
</tr> 
< 
rs.movenext 
if rs.eof then exit for 
next 
end sub 
多 > 
E> 
<form action='' method='get' name='form'> 
<td colspan="6" bgcolor="#FFFFFF"> 
<div align="center"> 
<% 
if page<>1 then 
response.Write ("gnbsp; gnbsp;<a href="&path&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp;<a href="&path&"?page="& (page-1)&" > 
上 一 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color='#FF0000'>"gpage&g"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
color="#FF0000'>"grs.recordcountg"</font>/ <font color="'#FF0000'> 
"grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="& (page+1)&"> 下 
“页 </a>") 
response.Write ("gnbsp; gnbsp; <a 
href="gpathg"?page="&grs .pagecountg"> 最 末 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
名 > 
</div></td> 
</form> 
</tr> 
</table> 
<br></td> 
</tr> 
</table> 


当 单 击 用 户 名 时 ， 将 转向 执行 会 员 信 息 显 示 页 面 (admin/lookuser.asp) 显 示 会 员 的 详细 
信息 。 运 行 结果 如 下 图 所 示 。 
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会 员 信息 显示 页 面 中 的 关键 代码 如 下 。 


< 

sql="select * from [user] where id="gtrim(request ("id"))g";" 
set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

if not rs.eof then 

各 > 

..…' 省 略 部 分 为 显示 代码 


实例 7 后 台 用 户 管理 


网 站 管理 员 在 网 站 后 台 首页 的 功能 导航 区 中 单 击 “ 用 户 管理 ”一 “后 台 用 户 管理 ” 超 
级 链接 ， 即 可 进入 后 台 用 户 管理 页 面 (admin/master.asp)， 该 页 面 通过 查询 admin 数据 表 显 
示 所 有 的 后 台 用 户 信息 ， 并 且 可 以 添加 、 修 改 或 删除 网 站 后 台 用 户 信息 。 运 行 结果 如 下 图 
所 示 。 
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后 台 用 户 管理 页 面 中 的 关键 代码 如 下 。 
< 
if request ("action")="add" then // "判断 是 否 添加 新 用 户 
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if trim(request ("user"))= 


or trim(request ("pass"))="" or 
trim(request ("mail")) or trim(request ("xingming"))="" or 
trim(request ("tel"))= or trim(request ("dizhi"))="" then 
response.Write ("<script>alert (' 请 详细 填写 ! 
') ;history.back();</script>" 
response.End() 
end if 
sql="select * from [admin]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs.addnew 
rs("username")=trim(request ("user")) 
rs("pass")=md5 (trim(request ("pass"))) 
rs("mail")=trim(request ("mail")) 
rs("xingming")=trim(request ("xingming")) 
rs("tel")=trim(request ("tel")) 
rs("dizhi")=trim(request ("dizhi")) 
rs ("vip")="0" 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 添 加 成 功 ! 
') ;window.location.href='master.asp'; </script>") 


end if 

多 > 

<% 

if request ("action")="del" then /7 判断 是 否 删 除 用 户 


conn .execute ("delete from [admin] where id="&request("id")&"") 
response.Write ("<script>alert (' 删 除 成 功 ! 
') ;window.location.href='master.asp'; </script> ") 
end if 
多 > 
<table width="98%" borde alig 
cellspacing="1" bgcolor= "#9faeb6"> 
.. "省略 部 分 显示 代码 
< 多 
sql="select * from [admin] order by id desc;" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,l1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
</p>" 
else 
rs.pagesize=10 
SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<1l then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show(rs,page) 
rs.absolutepage=page 
for i=1 to rs.pagesize 
名 > 
<tr bgcolor="#FFFFFF" align="center"> 
<td><a href="#" 
onClick="'javascript:window.open("lookadmin.asp?id=<%=rs ("id")%$> 
" );'><$=rs ("username")®%></a></td> 
<td><%=rs ("xingming")®%></td> 
<td><%=rs ("mail")®%></td> 
<tdse s("tel")®%></td> 
<td><%=rs ("dizhi")%></td> 
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<td><a href="master.asp?action=delgid=<%=rs ("id")%>"> 删 除 </a></td> 
</tr> 
<% 
和 rs.movenext 
if rs.eof then exit for 
next 
end sub 
多 > 
<tr> 
<form action="'' method="'get' name="form'> 
<td colspan="6" bgcolor="#FFFFFF"> 
<div align="center"> 
< 要 
if page<>1 then 
response.Write ("gnbsp; Enbsp; <a href="&gpath&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; &nbsp; <a href="&path&"?page="& (page-1)&" > 
二 = 页 <ja>") 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color="'#FF0000'>"&gpage&g"</font> 页 ") 
response.Write ("gnbsp; gnbsp; 条 <font 
Color="#FF0000'>"grs.recordcountg"</font> /<font 
color="'#FF0000'>"grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp;<a href="&path&"?page="& (page+1)&"> 下 
一 页 </a>") 
response.Write ("gnbsp; gnbsp; <a 
href="&path&"?page="&rs.pagecount&"> 最 末 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
%> 
</div></td></form></tr></table><br></td></tr></table> 


. .省 略 部 分 为 显示 代码 


当 单 击 用 户 名 时 ， 将 执行 用 户 信息 显示 页 面 (admin/lookadmin.asp) 显 示 用 户 的 详细 信 
上 息 。 运 行 结果 如 下 图 所 示 。 


B 


用 户 信 息 显示 页 面 中 的 关键 代码 如 下 。 


<% 

if request ("action")="update" then /7' 判 断 是 否 修 改 用 户 信息 
sql="select * from [admin] where id="g&request ("id")g&";" 

set rs=Server.CreateObject ("ADODB.Recordset") 


第 9 章 网 上 商城 后 台 页 面 制作 一 网 上 商城 制作 牺 8 步 

rs.open sql,conn,3,3 

if rs("pass")<>trim(request ("pass")) then 
rs("pass")=md5 (trim(request ("pass"))) 
session("admin pass")=md5 (trim(request ("pass"))) 

end if 

rs("mail")=trim(request ("mail")) 

rs("xingming")=trim(request ("xingming")) 

rs("tel")=trim(request ("tel")) 

rs("dizhi")=trim(request ("dizhi")) 

rs.update 

rs.close 

set rs=nothing 

response.Write ("<script>alert (' 修 改 成 功 ! 

') ;javascript:window.close();</script>") 

end if 

多 > 

<% 

sql="select * from [admin] where id="gtrim(request ("id"))g";" //' 搜 索 用 户 

set rs=Server.CreateObject ("ADODB.Recordset") 

rs.open sql,conn,3,3 

if not rs.eof then 

各 > 


9.4 分 类 管理 界面 


分 类 管理 主要 分 为 两 部 分 : 第 一 部 分 是 商品 的 大 类 管理 ， 第 二 部 分 是 商品 的 小 类 管 
理 。 商 品 的 大 类 管理 使 用 的 是 bigclass 数据 表 ， 商 品 小 类 管理 同时 使 用 了 class 数据 表 和 
bigclass 数据 表 。 


实例 8 商品 大 类 管理 


网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “ 分 类 管理 ”一 “商品 大 类 管理 ” 超 
级 链接 ， 即 可 进入 商品 大 类 管理 页 面 (admin/bigclass.asp)， 该 页 面 通过 查询 bigclass 数据 表 
显示 所 有 的 商品 大 类 信息 ， 并 且 可 以 添加 、 修 改 或 删除 商品 大 类 。 运 行 结果 如 下 图 所 示 。 
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商品 大 类 管理 页 面 中 的 关键 代码 如 下 。 


<% 
if request ("action")="del" then // 判断 是 否 删除 商品 大 类 
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Conn .execute ("delete from [bigclass] where id="&request ("id")&"") 
// "删除 大 类 
conn .execute ("dqelete from [class] where 
bigclassid="g&request ("mid")g"")  // 删除 对 应 大 类 的 小 类 
conn .execute ("delete from [shangpin] where 
bigclassid="&grequest ("id")&g"") // "删除 对 应 大 类 的 商品 
response.Write ("<script>alert (' 删 除 成 功 ! 
') ;window.location.href='bigclass.asp'; </script>") 


end if 
LE equesel act ron nu date" then //' 判 断 是 否 修 改 商 品 大 类 
if request ("paixu")="" or request ("mingcheng")="" then 


response.Write ("<script>alert("' 请 详细 填写 ! 
') ;history.back();</script>") 
response.End () 
end if 
SafeRequest (trim(request ("paixu"))) 
sql="select * from [bigclass] where id="&grequest ("id")g"" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
rs("mingcheng")=trim(request ("mingcheng")) 
rs("paixu")=trim(request ("paixu")) 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 修 改 成 功 ! 
') ;window.location.href='bigclass.asp'; </script>") 


end if 
if request ("action")="add" then /7 ' 判 断 是 否 添加 商品 大 类 
if request ("paixu")="" or request ("mingcheng")="" then 


response.Write ("<script>alert (' 请 详细 填写 ! 
') ;history.back();</script>" 
response.End() 
end if 
SafeRequest (trim(request ("paixu"))) 
sql="select * from [bigclass]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs.addnew 
rs("mingcheng")=trim(request ("mingcheng")) 
rs("paixu")=request ("paixu") 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 添 加 成 功 ! 
') ;window.location.href='bigclass.asp'; </script>") 
end if %> 


删除 商品 大 类 的 同时 一 定 要 删除 对 应 大 类 的 分 类 和 对 应 大 类 的 商品 ， 否 则 分 类 或 


商品 需要 调用 大 类 信息 时 就 会 产生 错误 ， 只 有 当 与 此 大 类 有 关 的 所 有 信息 都 被 删除 
后 ， 程 序 才 不 会 出 错 。 


实例 9 商品 小 类 管理 
网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “ 分 类 管理 ”一 “商品 小 类 管理 ” 超 
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级 链接 ， 即 可 进入 商品 小 类 管理 页 面 (admin/class.asp)， 该 页 面 通过 查询 class 数据 表 显 示 
所 有 的 商品 小 类 信息 ， 并 且 可 以 添加 、 修 改 或 删除 商品 小 类 。 运 行 结果 如 下 图 所 示 。 
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商品 小 类 管理 页 面 中 的 关键 代码 如 下 。 


< 多 

if request ("action")="del" then // 判断 是 否 删除 小 类 
conn .execute ("delete from [class] where idq="&request("id")&"") 
// "删除 小 类 


conn .execute ("delete from [shangpin] where 
classid="&grequest("id")&"") //' 删 除 对 应 小 类 的 商品 
response.Write ("<script>alert (' 删 除 成 功 ! 
') ;window.location.href='class.asp?bigclassid 
="&request ("bigclassid")&"';</script>") 
end if 
if request ("action")="update" then /7 "判断 是 否 修改 小 类 
if request ("paixu")="" or request ("mingcheng")="" then 
response.Write ("<script>alert (' 请 详细 填写 ! 
') ;history.back();</script>") 
response.End() 
end if 
SafeRequest (trim(request ("paixu"))) 
sql="select * from [class] where id="grequest ("id")g"" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs("mingcheng")=trim(request ("mingcheng")) 
rs("paixu")=trim(request ("paixu")) 
if clngl(rs("bigclassid"))<>clng (request ("bigclassid")) then 
sql2="select * from [shangpin] where 
bigclassid="grs ("bigclassid")g&";" 
set rs2=Server.CreateObject ("ADODB.Recordset") 
rs2.0open sql2,conn,3,3 
do while not rs2.eof 
rs2 ("bigclassid")=request ("bigclassid") 
rs2("classid")=rs ("id") 
rs2.update 
rs2.movenext 
loop 
rs2.close 
set rs2=nothing 
rs("bigclassid")=request ("bigclassid") 
end if 
rs.update 
rs.close 
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"grequest ("bigclassid")&g"';</script>") 
end if 
if request ("action")="add" then //' 判 断 是 否 添加 小 类 
if request ("paixu")="" or request ("mingcheng")="" then 
response.Write ("<script>alert (' 请 详细 填写 ! 
') ;history.back();</script>") 
response.End() 
end if 
SafeRequest (trim(request ("paixu"))) 
sql="select * from [class]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs.addnew 
rs("mingcheng")=request ("mingcheng") 
rs("paixu")=request ("paixu") 
rs("bigclassid")=request ("bigclassid") 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 添 加 成 功 ! 
') ;window.location.href='class.asp?bigclassid 
="&request ("bigclassid")&"';</script>") 


1 忠 脑 一 一 动态 网 站 设计 基础 与 应 用 
set rs=nothing 
response.Write ("<script>alert(' 修 改 成 功 ! 
| ') ;iwindow.location.href='class.asp?bigclassid = 


end if 
%> 
<table widt 98%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor ="#9faeb6"> 
<tr> 
<td align="center"><font color="#FFFFFF"> 管 理 商 品 分 类 </font></td> 
</tr> 
<tr> 
<td valign="top" bgcolor="#FFFFFF"><br> 


<table width="90%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor ="#9faeb6"> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td width="254"><font color="#FF0000"> 分 类 名 称 </font></td> 
<td width="152"><font color="#FF0000"> 分 类 排序 </font></td> 
<td 155"><font color="#FF0000"> 所 属 大 类 </font></td> 
<td 155"><font color="#FF0000"> 修 改 </font></td> 


<td 150"><font color="#FF0000"> 操 作 </font></td> 

<td width="160"><font color="#FF0000"> 添 加 商品 </font></td> 
</tr> 
< 多 
if request ("bigclassid")<>"" then // ' 判 断 是 否 指定 大 类 


bigclassid="where bigclassid="&grequest ("bigclassid")g&"" 
//' 将 查询 大 类 的 SQL 语句 赋值 给 变量 bigclassid 
end if 
sql="select * from [class] "&bigclassidg" order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof // "输出 符合 条 件 的 小 类 
$> 
<form name="form" action="class.asp" method="post"> 
<tr bgcolor="#FFFFFF" align="center 
<td><input name="mingcheng" type="text" value="<%=rs ("mingcheng")%®$>" 
size= "32"> </td> 
<td><input name="paixu" type="text" size="10" 
value="<%=rs ("paixu")%®>"></td> 
<td> 
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<select name="bigclassid"> 

<% 

sql2="select * from [bigclass] where id="grs("bigclassid")&" order by 
paixu" 

set rs2=Server.CreateObject ("ADODB .Recordset") 

rs2.open sql2,conn,3,3 // ' 输 出 该 小 类 所 属 的 大 类 

各 > 

<option value="<%=rs2("id")%®>"><%=rs2 ("mingcheng")%></option> 
< 

rs2.close 

set rs2=nothing 

委 > 

<% 

sql3="select * from [bigclass] where id<>"grs ("bigclassid")&" order by 
paixu" 

set rs3=Server.CreateObject ("ADODB.Recordset") 

rs3.0open sql3,conn,3,3 

do while not rs3.eof // "输出 除了 该 小 类 所 属 的 所 有 大 类 
多 > 

<option value="<%=rs3("id")%$>"><%=rs3 ("mingcheng")%></option> 
< 多 

rs3.movenext 

loop 

rs3.close 

set rs3=nothing 


名 > 
</select> 
</td> 
<td><input name="submit" type="submit" value=" 修 改 "></td> 
<td><a 
href="class.asp?action=delgid=<%=rs ("id")%>gbigclassid=<%=rs ("bigclassid 
") %>"> 删 除 </a></td> // "添加 “删除 ”超级 链接 
<td><a 
href="addpro.asp?bigclassid=<%=rs ("bigclassid") %>&classid=<%=rs ("id")%>" 
> 交加 S/S/ // "添加 “添加 商品 ”超级 链接 
</tr> 


<input name="id" type="hidden" value="<%=rs ("id")%®>"> 
2 罗 交 隐藏 控 件 id 的 值 

<input name="action" type="hidden" value="update"> 
</form> 

< 多 

rs.movenext 


loop 

多 > 
</table><br></td></tr></table> 
<br> 


98%" border="0" align="center" cellpadding="1" 
" bgcolor ="#9faeb6"> 
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<table width="90%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor ="#9faeb6"> 
<form name="myform" action="class.asp" method="post" 
onSubmit="return addclass();"> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td width="285"><font color="#FF0000"> 分 </font><font 
color="#FF0000"> 类 名 称 gnbsp; gnbsp; 
<input name="mingcheng" type="text" value="" size="26"> 


</font></td> 
<td width="198"><font color="#FF0000"> 分 类 排序 gnbsp; gnbsp; 
<input name="paixu" type="text" size="10" value=""> 
| </font></td> 
<td width="304"> 
<font color="#FF0000"> 所 属 大 类 ;</font>gnbsp; &nbsp; 
<select name="bigclassid"> 


< 
sql="select * from [bigclass] order by paixu" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,3,3 
do while not rs.eof 
$%$> 
<option value="<%=rs ("id")%>"><%=rs ("mingcheng")%></option> 
< 
rs.movenext 
loop 
rs.close 
set rs=nothing 
各 > 
</select></td> 
<td width="87"><input name="submit2" type="submit" value=" 添 加 "></td> 
</Er> 
<input type="hidden" name="action" value="add"> 
</form></table><br></td></tr></table> 


9. 5 信息 管 理 界 面 


网 上 商城 网 站 后 台 信 息 管理 分 为 5 个 部 分 : 站 内 公告 设置 、 查 看 站 内 新 闻 、 添 加 站 内 
新 闻 、 意 见 反 馈 管 理 和 留言 板块 管理 。 

实例 10 ”站 内 公告 设置 

网 站 管理 员 在 网 站 后 台 首页 的 功能 导航 区 中 单 击 “ 信 息 管理 ”一 “站 内 公告 设置 ” 超 
级 链接 ， 即 可 进入 站 内 公告 设置 页 面 (admin/notify.asp)， 该 页 面 通过 查询 gonggao 数据 表 
显示 站 内 公告 信息 ， 并 且 可 以 修改 站 内 公告 。 运 行 结果 如 下 图 所 示 。 


数码 商 括 -- 北 京 金 企 扼 文化 发 展 中心 - Windows Internet Explorer 


[@ Mp /ocdhost/ vinin/aenaee am six | le 
合 " 加 郧 -中 mm- OIAD- ”| 


加 


EE 祝 大 家 购物 愉快! 


gonggao 数据 表 中 只 有 一 条 记录 ， 设 置 公告 其 实 就 是 重复 修改 的 过 程 。 公 告 设置 页 面 
中 的 关键 代码 如 下 。 


条 9 章 。 网 上 商城 后 台 页 面 制作 一 网 上 商城 制 


if request ("action")="update" then // 判断 是 否 修改 公告 内 容 
if trim(request ("shijian"))=""” or trim(request ("neirong"))="" then 
response.Write ("<script>alert (' 请 详细 填写 ! 
") ;history.back();</script>") 
response.End() 
end if 
sql="select * from [gonggao]" 
// ' 在 未 指定 操作 条 件 时 程序 默认 对 表 内 的 所 有 数据 进行 操作 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs("shijian")=trim(request ("shijian")) 
rs("neirong")=trim(request ("neirong")) 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 公 告 设置 成 功 ! 
') ;window.location.href="'notify.asp'; </script>") 
end if 


多 

-oR ' 省 略 部 分 显示 代码 

实例 11 站 内 新 闻 管理 

网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “信息 管理 ”一 “站 内 新 闻 管理 ” 超 
级 链接 ， 即 可 进入 站 内 新 闻 管 理 页面 (admin/news.asp)， 该 页 面 通过 查询 news 数据 表 显 示 
所 有 的 站 内 新 闻 信息 ， 并 且 可 以 修改 与 删除 站 内 新 闻 。 运 行 结果 如 下 图 所 示 。 


数码 商城 一 北京 金 企 扫 文化 发 展 中 心 一 要 ndows Internet Explorer 
GO Bre /oi up ls x 1 
实生 息 类 998- 北京 全 全 基文 化 发 展 中 心 全- 四- 各 -如 TD -从 TRW-” 
NP a 
| 


新 品 上 市 
人 月 促销 活 动 公司 
购买 疝 品 时 需要 注意 8 事项 


当前 ) 页 条 3/1 页 出 | 


站 内 新 闻 管 理 页 面 中 的 关键 代码 如 下 。 


< 和 

if request ("action")="del" then // 判断 是 否 删 除 新 闻 
conn .execute ("delete from [news] where id="&request("id")&"") 
response.Write ("<script>alert (' 删 除 成 功 ! 

') ;window.location.href='news.asp';</script>") 

end if 

名 > 

<table width="98%" border="0" align="center" cellpadding 


曲 
w 
曲 
@ 
Ne 


cellspacing: " bgcolor= "#9faeb6"> 
< 
<td align="center"><font color="#FFFFFF"> 查 看 站 内 新 闻 </font></td> 
etr> 
<tr> 


<td valign="top" bgcolor="#FFFFFF"><br> 

<table width="90%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor "#9faeb6"> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 

<td widt 128"><font color="#FF0000"> 发 表 人 </font></td> 

<td width="420"><font color="#FF0000"> 标 题名 </font></td> 


电脑 一 一 动态 网 站 设计 基础 与 应 用 


"153"><font color="#FF0000"> 时 间 </font></td> 
85"><font color="#FF0000"> 修 改 </font></td> 
<td width="85"><font color="#FF0000"> 操 作 </font></td> 
</tr> 
< 
sql="select * from [news] order by id desc;" //' 查 询 新 闻 记 录 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,l1 
if rs.eof And rs.bof then 

Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
</p>" 
else 

rs.pagesize=10 

SafeRequest (request ("page")) 

page=clng (request ("page")) 

if page<1 then page=1 

if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show(rs,page) // 分 页 显示 站 内 新 闻 
rs.absolutepage=page 

for i=1 to rs.pagesize 


各 > 
<tr bgcolor="#FFFFFF" align="center"> 
<td><%=rs ("user")®%></td> 
<td><a href = "#" onClick = 'javascript:window.open ("looknews.asp?id 
= <% = rs("id") %>")'><%=rs ("biaoti")%></a></td> 
<td><%=rs ("shijian")%></td> 
<td><a href="upnews.asp?id=<%=rs ("id")%>"> 修 改 </a></td> 
<td><a href="news.asp?action=del&gid=<%=rs ("id")%>"> 删 除 </a></td> 
</tr> 
< 各 
rs.movenext 
if rs.eof then exit for 
next 
end sub 
和 > 
.. "省 略 部 分 显示 代码 


实例 12 添加 站 内 新 闻 
网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “信息 管理 ”一 “添加 站 内 新 闻 ” 超 
级 链接 ， 即 可 进入 站 内 新 闻 添加 页 面 (admin/addnews.asp)。 运 行 结果 如 下 图 所 示 。 


+ e008-8-7 16:13:50 
了] 
二 去 可 大 二 十 而 二 三 际 ， 二 庆 所 有 夯 书 一 刘 W 估 曾 ， 划 广大 夺 基 而 守之 病 - 


条 9 章 。 网 上 商城 后 台 页 面 制作 一 网 上 商城 制作 第 8 步 


站 内 新 闻 添 加 页 面 中 的 关键 代码 如 下 。 


<% 
if request ("action")="add" then /7/' 判 断 是 否 添加 新 闻 
if trim(request ("user"))="" or trim(request ("shijian"))="" or 
trim(request ("biaoti"))="" or trim(request ("neirong"))="" then 
response.Write ("<script>alert (' 请 详细 填写 ! 
") ;history.back();</script>") 
response.End() 
end if 
sql="select * from [news]" 
set rs=Server.CreateObject ("ADODB .Recordset") 
rs.open sql,conn,3,3 
rs.addnew 
rs("user")=trim(request ("user")) 
rs("shijs )=trim(request ("shijian")) 
rs("biaoti" rim(request ("biaoti")) 
rs("neirong")=trim(request ("neirong")) 
rs.update 
rs.close 
set rs=nothing 
response.Write ("<script>alert (' 站 内 新 闻 添 加 成 功 ! 
') ;window.location.href= 'addnews.asp';</script>") 
end if 
各 > 
..…' 省 略 部 分 显示 代码 


实例 13 意见 反馈 管理 
网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “信息 管理 ”一 “意见 反馈 管理 ” 超 
级 链接 ， 即 可 进入 意见 反馈 管理 页 面 (admin/dismess.asp)， 该 页 面 通过 查询 fankui 数据 表 
显示 所 有 的 意见 反馈 信息 ， 并 且 可 以 删除 意见 反馈 信息 。 运 行 结 果 如 下 图 所 示 。 
数码 商城 一 北京 金 企 各 文化 发 展 中 心 Windows Internet Explorer 


GO Ew /heen 司 回 区 
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意见 反馈 管理 页 面 中 的 关键 代码 如 下 。 


<% 

if request ("action")="del" then // ' 判 断 是 否 删除 意见 反馈 
conn.execute ("delete from [fankui] where id="&grequest ("id")&"") 
response.Write ("<script>alert (' 删 除 成 功 ! 

') ;window.location.href='dismess.asp'; </script>") 

end if 

$> 

<table width="98%" border="0" align="center" cellpadding= 

cellspacing="1" bgcolor= "#9faeb6"> 

< 


i 


<td align = "center"><table width = "100%" border = "0" 
cellspacing="0" cellpadding ="0"> 
<form action="dismess.asp" name="form" method="post"> 


<tr> 
<td width="46%">gnbsp;</td> 
<td width="29%"><font color="#FFFFFF"> 查 看 意见 反馈 </font></td> 


<tqd width="25%"> 
<!-- 当 对 下 拉 选 择 进行 操作 时 利用 脚本 提交 表单 --> 


<select name="leixing" onChange="this.form.submit () 7 "> 


三 = 
<option value="1"> 对 网 站 的 建议 </option> 
<option 2"> 对 公司 的 建议 </option> 
<option 3"> 对 产品 的 投诉 </option> 
<option 4"> 对 服务 的 投诉 </option> 
</select> 
</td> 
</tr> 
</form></table></td></tr> 
x 
<td valign="top" bgcolor="#FFFFFF"><br> 


="90%" border="0" align="center" cellpadding="1" 
cellspacing="1" bgcolor = "#9faeb6"> 
<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td width="128"><font color="#FF0000"> 发 表 人 </font></td> 
<td width="420"><font color="#FF0000"> 标 题名 </font></td> 
<td width="153"><font color="#FF0000"> 时 间 </font></td> 
<td width="85"><font color="#FF0000"> 操 作 </font></td> 
</tr> 
< 多 
if request ("leixing")<>"" then //' 判 断 表 单 提交 的 leixing 的 值 是 否 为 空 
leixing="where leixing='"&request ("leixing")g&"'" 
/7' 根 据 接收 到 的 值 来 设置 SQL 语句 的 查询 条 件 
else 
leixing="where leixing="'1'" 
end if 
sql="select * from [fankui] "&leixing&g" order by id desc;" 
set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,connv1,1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
TI" 
else 
rs.pagesize=10 
SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<]1 then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show(rs,page) // "分 页 显示 意见 反馈 信息 
rs.absolutepage=page 
for i=1 to rs.pagesize 


$> 
<tr bgcolor="#FFFFFF" align="center"> 
<td><%=rs ("user")®%></td> 


<td><a href = "#" onClick = 
'javascript:window.open ("lookdismess.asp?id=<%=rs ("id") 
$>") '><%=rs ("biaoti")®%></a></td> // "将 意见 反馈 的 标题 设置 为 超级 链接 


<td><%=rs ("shijian")%></td> 

<td><a href="dismess.asp?action=del&id=<%=rs ("id")%>"> 删 除 </a></td> 
</tr> 
<% 


-一 ~EEEEIEEEE 


rs.movenext 
if rs.eof then exit for 
next 
end sub 
各 > 
tr> 
<form action='' method="'get' name="'form'> 
<td colspan="6" bgcolor="#FFFFFF"> 
<div align="center"> 
<% 
if page<>1 then 
response.Write ("gnbsp; gnbsp; <a href="&path&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp; <a href="&gpath&"?page="&(page-1)&" > 上 一 
页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 当 前 <font color='#FF0000'>"&gpageg"</font> 页 
" 
) 
response.Write ("gnbsp;&nbsp; 条 <font 
color="'#FF0000'>"grs.recordcountg"</font>/ <font 
color="'#FF0000'>"&grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="& (page+1) &"> 下 一 页 
</a>") 
response.Write ("gnbsp; gnbsp; <a href="&path&g"?page="&rs.pagecount&"> 最 
末 页 </a>") 
end if 
response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
多 > 
</div></td></form></tr></table><br></td></tr></table> 


实例 14 留言 板块 管理 

网 站 管理 员 在 网 站 后 台 首 页 的 功能 导航 区 中 单 击 “信息 管理 ”一 “留言 板块 管理 ” 超 
级 链接 ， 即 可 进入 留言 板块 管理 页 面 (admin/book.asp)， 该 页 面 通过 查询 liuyan 数据 表 显 示 
所 有 的 留言 信息 ， 并 且 可 以 删除 留言 信息 。 运 行 结果 如 下 图 所 示 。 
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留言 板块 管理 页 面 中 的 关键 代码 如 下 。 


< 

if request ("action")="del" then // "判断 是 否 删 除 留言 信息 
conn.execute ("delete from [liuyan] where id="g&request ("id")¢&"") 
response.Write ("<script>alert (' 删 除 成 功 ! 

') ;window.location.href="'book.asp';</script>") 


Oe tm [基础 与 应 用 


end if 

$> 

. . . "省略 部 分 显示 代码 

i "90%" borde align="center" cellpadding: 

"1" bgcolor= "#9faeb6"> 

<tr height="20" bgcolor="#FFFFFF" align="center"> 
<td width="128"><font color="#FF0000"> 发 表 人 </font></td> 
<td wi 420"><font color="#FF0000"> 标 题名 </font></td> 


<td 153"><font color="#FF0000"> 时 间 </font></td> 
<td width="85"><font color="#FF0000"> 操 作 </font></td> 
</tr> 
< 
sql="select * from [liuyan] order by id desc;" //' 查询 留 言 信 息 


set rs=Server.CreateObject ("ADODB.Recordset") 
rs.open sql,conn,1,1 
if rs.eof And rs.bof then 
Response.Write "<p align='center' class='contents'> 对 不 起 ， 暂 无 内 容 ! 
</p>" 
else 
rs.pagesize=10 
SafeRequest (request ("page")) 
page=clng (request ("page")) 
if page<1 then page=1 
if page>rs.pagecount then page=rs.pagecount 
show rs,page 
sub show (rs,page) /1' 分 页 显示 留言 信息 
rs.absolutepage=page 
for i=1 to rs.pagesize 
多 > 
<tr bgcolor="#FFFFFF" align="center"> 
<td><%=rs ("user")®%></td> 
<td><a href="#" 
onClick="'javascript:window.open ("lookbook.asp?id=<%=rs ("id")%®>")'> 
<%=rs ("biaoti")®%></a></td> 
<td><%=rs ("shijian")®%></td> 
<td><a href="book.asp?action=del&id=<%=rs ("id")%>"> 删 除 </a></td> 
</tr> 
< 
rs.movenext 
if rs.eof then exit for 
next 
end sub 
多 > 
E> 
<form action='' method='get' name='form'> 
<td colspan="6" bgcolor="#FFFFFF"> 
<div align="center"> 
<% 
if page<>1 then 
response.Write ("gnbsp; gnbsp; <a href="&path&"?page=1> 第 一 页 </a>") 
response.Write ("gnbsp; gnbsp; <a href="&path&"?page="& (page-1)&"” > 
上 一 页 </a> 
end if 
response.Write ("gnbsp; gnbsp; 当前 <font 
color="'#FF0000'>"gpageg"</font> 页 ") 
response.Write ("&nbsp;&gnbsp; 条 <font 
color="'#FF0000'>"grs.recordcountg"</font> / <font 
color="'#FF0000'>"&grs.pagecountg"</font> 页 ") 
if page<>rs.pagecount then 
response.Write ("gnbsp; gnbsp; <a href="gpathg"?page="& (page+1)&"> 下 
一 页 </a>") 


本 千 9 章 网 上 商城 后 台 页 面 制作 一 网 上 商城 制作 第 8 步 


Tesponse.Write ("gnbsp; gnbsp; <a 

href="gpathg"?page="&rs .pagecountg"> 最 末 页 </a>") 

end if 

response.Write ("gnbsp; gnbsp; 跳 转 到 <input type='text' size='2' 
name='page'> 页 <input type='submit' value='GO'>") 
end if 
rs.close 
set rs=nothing 
多 > 
</div></td></form></tr></table><br></td></tr></table> 


问 与 答 


间 ; 在 ASP 页 面 中 既 可 以 使 用 VBScript， 也 可 以 使 用 JScript， 混 合 使 用 脚本 引擎 
好 吗 ? 

答 : 虽然 在 ASP 页 面 中 既 可 以 使 用 VBScript， 也 可 以 使 用 JScript。 但 是 在 同一 个 页 
面 上 同时 使 用 JScript 和 VBScript 是 不 可 取 的 。 因 为 服务 器 必须 实例 化 并 尝试 缓存 两 个 (而 
不 是 一 个 ) 脚 本 引擎 ， 这 在 一 定 程度 上 增加 了 系统 负担 。 因 此 ， 从 性 能 上 考虑 ， 不 应 在 同 
一 页 面 中 混用 多 种 脚本 引擎 。 

间 : 如何 获取 主机 信息 ? 

管 ， 获 取 主 机 信息 的 示例 代码 如 下 。 

本 机 IP<%=request.servervariables ("remote addr")%>。 

服务 器 名 称 <%$=request .servervariables ("remote name")%> 

服务 器 IP<%$=request .servervariables ("local addr")%> 

服务 器 端口 <s=request .servervariables ("server port")%> 

服务 器 时 间 <%=now%> 

IIS 版 本 <%$=request .Servervariables ("server software")%®> 

脚本 超时 时 间 <%$=request .scripttimeout%> 

服务 器 CPU 数量 <%$=request .servervariables ("number of processors")%> 


服务 器 操作 系统 <%$=request .servervariables ("os")%> 
本 文件 路 径 <s=server.MapPath (request .ServerVariables ("script name"))%> 


间 ， 如 何 通过 ASP 判断 来 访 者 是 否 使 用 了 代理 ? 

答 ， 判 断 来 访 者 是 否 使 用 了 代理 的 AsP 代码 如 下 。 

<%if request.servervariables("http x forwarded for")<>"" then 
response .write"<fontcolor=#ff0000> 您 通过 了 代理 服务 器 ，"&g" 真 实 的 ip 为 
"&request .servervariables ("http x forwarded for") 

end if 


$$>。 


间 : 怎样 才能 将 QueryString 从 一 个 asp 文件 传送 到 另 一 个 文件 ? 
管 :， 在 前 者 文件 中 加 入 下 列 代码 。 


Response.Redirect ("second.asp?" & Request.ServerVariables 
("QUERY STRING"))。 
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练 一 练 


制作 留言 板块 管理 ， 效 果 如 下 图 所 示 ， 在 单 击 留言 标题 后 ， 将 显示 留言 的 内 容 ， 单 击 
“删除 ”超级 链接 可 删除 留言 。 
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传 入 当前 留言 的 ID 值 。 单 击 “ 删 除 ”超级 链接 将 根据 留言 的 ID 值 删除 liuyan 数据 表 
中 对 应 的 记录 。 本 例 的 素材 与 实例 的 最 终 效果 存储 于 本 书 配套 光盘 “素材 与 实例 \ 第 9 
章 \ 成 果 检 验 ” 文 件 夹 中 。 
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本 章 学 习 重点 
只 申请 域名 和 网 站 空间 
办 站 点 本 地 测试 


站 只 设置 远程 信息 
只 上 传 网 站 


2 叭 网 站 推广 


动态 网 站 制作 完成 后 ， 需 要 为 网 站 申请 Internet 域名 和 购买 网 站 服务 器 空间 ， 并 将 网 
站 的 源 文件 上 传 至 服务 器 中 ， 然 后 通过 推广 网 站 域名 ， 让 更 多 的 人 关注 网 站 。 


10.1 申请 域名 和 网 站 空间 


现实 生活 中 ， 所 有 个 人 和 企业 都 有 一 个 自己 的 名 字 。 同 样 道 理 ， 在 因特网 中 ， 所 有 的 
网 站 也 必须 拥有 自己 的 名 字 ( 域 名 )， 只 有 这 样 ， 其 他 用 户 才能 找到 它 。 服 务 器 空间 就 是 存 
放 网 站 源 文件 的 地 方 。 


10.1.1 申请 域名 


网 站 的 域名 通常 由 两 部 分 或 三 部 分 组 成 ， 如 新 浪 网 的 域名 为 sina.com.cn、 网 易 的 域名 
为 netease.com 等 。 通 过 网 站 的 域名 ， 可 以 了 解 网 站 的 名 称 、 类 型 和 所 属国 家 。 例 如 : 
@ sina 和 netease 为 网 站 名 称 。 
@ com 表示 商业 网 站 。 此 外 ， 用 来 标识 网 站 类 型 的 字符 串 还 有 net、org 等 ， 其 中 ， 
net 表示 网 络 机 构 ，org 表示 组 织 机 构 ，edu 表示 教育 机 构 ，gov 表示 政府 机 


构 等 。 
e@ cn 表示 该 网 站 位 于 中 国 (可 选 )。 其 中 ， 如 果 域 名 中 没有 国家 名 称 缩写 ， 该 域名 被 
称 为 国际 通用 域名 。 


要 注册 域名 ， 只 需 登 录 任 意 一 个 域名 注册 代理 网 站 即 可 实现 ， 如 “e 网 通 ” 
(http://www.ewont.com) 、 “你 好 万 维 网 ”Cttp:/wwwnihaocn) 、 “中 资 网 ” 
(http://web.114.com.cn)、“ 中 国 万 网 ”(http://www.net.cn/) 等 。 如 下 图 所 示 为 “中 国 万 网 ” 
的 首页 。 

域名 注册 时 ， 需 要 注意 如 下 几 点 。 

1) ”域名 中 应 包含 的 字符 

@ ”26 个 英文 字母 。 

e@ 0~9 这 10 个 数字 。 


侥 条 让 胶 一 动态 网 站 设计 类 册 与 应 放 


e@ “-”( 英 文中 的 连 字 符 )。 

2) ”域名 中 字符 的 组 合 规则 

e@ 在 域名 中 ， 不 区 分 英文 字母 的 大 小 写 

对 于 一 个 域名 的 长 度 是 有 一 定 限制 的 。 

3) ”CN 下 域名 命名 的 规则 

@ ”遵守 域名 命名 的 规则 。 

e@ 只 能 注册 三 级 域名 ， 三 级 域名 用 字母 A 一 Z，a 一 z， 大 小 写 等 价 )、 数 字 (0 一 9 和 
连 字 符 (-) 组 成 。 各 级 域名 之 间 用 实 点 () 连 接 ， 三 级 域名 长 度 不 得 超过 20 个 字符 。 

@ 不 得 使 用 有 限制 使 用 权 的 名 称 。 


中 国 领 先 的 域名 注册 和 虚拟 主机 服务 提供 商 -中国 万 网 (www- net- cn ndows 
[el) SE Te x 
帘 窑 。 讲 中 国 领先 的 域名 注册 和 虚拟 主机 服务 提供 商 -中 从 -加 - 砚 -已 26o .和 浆 IRO- 


~ 
本 友 电信 主 站 ”MOm 客服 中 心 “日 续费 服务 ”名 代理 专区 于 关于 万 同 上 English | 产品 服务 快速 通道 w 


五 多 网 二 域名 注册 。 。 虚拟 主机 。， 独 亨 主 机 全 dk 地 箱 。。 速成 网 站 


数字 ID 密码 2 从 | 力 天 2 和 对。 注册 找 目 芭 码 。 昵 你 
域名 查询 已 品 价格 号 帘 和 中 文 con 域名 热 销 中 由 素 万 同 会 员 , 诚 筑 商务 平台 “中 国 域名 全 球 升 银 行动 


畦 来 忧 嘉 配置 全 面 升级 
海外 畅游 ”南北 互通 低 至 羊 6800 元 /年 起 ee 2 


回 英文 城 名 〇 中文 城 名 

Www. 区 于 
Cn kog Es 
a 图 ,cea 加 ,wk 四 .am ! [mm eR 


而 而 FEe 和 二 


与 个 人 名 字 和 企业 名 称 不 同 ， 在 因特网 中 ， 所 有 网 站 的 域名 都 具有 唯一 性 。 也 就 是 
说 ， 每 个 网 站 的 域名 在 全 世界 都 是 独一无二 的 。 


10.1.2 申请 网 站 空间 


注册 域名 之 后 ， 下 一 步 就 是 为 你 的 网 站 建 一 间 “ 屋 ”， 好 让 世界 各 地 的 访客 登门 访 
问 。 这 个 所 谓 的 “ 屋 ”， 其 实 就 是 经 常 说 的 主机 。 这 个 主机 必须 是 一 台 功 能 相当 于 服务 器 
级 的 电脑 ， 并 且 要 用 专线 或 其 他 形式 24 小 时 与 5 因特网 相连 。 

这 台 网 络 服务 器 除 存 放 公司 的 网 页 ， 为 浏览 者 提供 浏览 服务 之 外 ， 还 同时 充当 “电子 
邮局 ”的 角色 ， 负 责 收 发 公司 的 电子 邮件 。 还 可 以 在 服务 器 上 添加 各 种 各 样 的 网 络 服务 功 
能 ， 前 提 是 有 足够 的 技术 支持 。 

目前 来 说 ， 建 立 主机 的 模式 主要 有 两 种 : 主机 托管 和 虚拟 主机 。 
申请 虚拟 主机 的 方法 和 申请 域名 的 方法 基本 相同 ， 一 般 提 供 域名 服务 的 机 构 也 都 有 虚 
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拟 主机 服务 。 
申请 域名 和 空间 之 后 ， 就 可 以 利用 Dreamweaver 或 专门 的 FTP 软件 将 已 完成 的 网 站 
上 传 至 虚拟 主机 ， 网 站 就 可 以 被 访问 了 。 


10.2 ”站 点 本 地 测试 


有 了 空间 和 域名 ， 还 不 能 立即 将 网 站 上 传 ， 为 确保 页 面 的 内 容 在 浏览 器 中 能 够 正常 显 
示 、 各 链接 均 能 正常 跳 转 ， 还 需要 进行 本 地 测试 。 另 外 ， 本 地 测试 还 可 以 避免 站 点 中 多 余 
的 图 片 及 文件 占用 空间 、 缩 短 页 面 下 载 时 间 等 。 

实例 1 兼容 性 测试 

通过 兼容 性 测试 ， 可 以 查 出 文档 中 是 否 含有 浏览 器 不 支持 的 标签 或 属性 等 ， 如 embed 
标签 、marquee 标签 等 。 如 果 这 些 元 素 不 被 浏览 器 支持 ， 则 页 面 在 浏览 器 中 会 显示 不 完全 
或 功能 运行 不 正常 ， 当 然 也 会 影响 网 页 的 质量 。 


Dreamweaver 的 “检查 浏览 器 兼容 性 ”功能 不 会 对 文档 进行 任何 方式 的 更 改 ， 
给 出 检测 报告 。 


“检查 浏览 器 兼容 性 ”命令 可 以 给 出 3 种 潜在 问题 的 信息 : 告知 性 信息 、 和 警告、 错 
误 。 这 3 种 问题 的 含义 如 下 。 

@ 告知 性 信息 : 表示 代码 在 某 个 浏览 器 中 不 受 支 持 ， 但 没有 负面 影响 。 

@ 警告: 表示 某 段 代码 不 能 在 特定 浏览 器 中 正确 显示 ， 但 不 会 导致 严重 问题 。 

@ 错误: 表示 某 段 代码 在 特定 浏览 器 中 会 导致 严重 的 问题 ， 如 致使 页 面 显示 不 

正常 。 

浏览 器 兼容 性 测试 的 具体 操作 如 下 。 

(D 打开 要 测试 的 网 页 ， 单 击 “ 文 档 ” 工具 栏 中 的 “检查 页 面 ”按钮 局 g ， 在 弹出 
的 下 拉 菜 单 中 选择 “设置 ”命令 ， 如 下 图 所 示 ， 打 开 “ 目 标 浏览 器 ”对 话 框 。 


-E00E.--------- 


二 | C 国 .®@. | eI 
本 检查 济 器 委 容 性 C) 


厅 ”上 一 人 是 中 
显示 所 有 问题 &) 
护 加 车 咯 问 是 列表 E) 


检查 辅助 功能 位) 
检查 网 站 是 否 存在 新 问题 四) 


日 
入 hoox ~ Te0xil83v 9k/3 秒 


(2) 在 对 话 框 中 选择 要 检测 的 浏览 器 ， 在 右 侧 的 下 拉 列 表 框 中 选择 对 应 浏览 器 的 最 低 
版 本 ， 如 下 图 所 示 。 
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(3) 单 击 “ 确 定 ”按钮 关闭 对 话 框 ， 完 成 要 测试 目标 浏览 器 的 设置 ， 这 时 系统 会 自动 
检测 当前 文档 ， 并 在 “结果 ”面板 组 中 的 “浏览 器 兼容 性 检查 ”面板 中 显示 检查 的 结果 ， 
如 下 图 所 示 。 

EE EEE Et 吾 


支持 问题 
不 这 所 的 属性 :cursor 


(4) 单 击 “ 结 果 ” 面 板 组 左下 侧 的 四 按钮， 浏览 器 中 会 显示 出 检查 报告 ， 如 下 图 
所 示 。 


司 好 |X ] 
- 人 "利和 盖 - 人 加 -全 TAW-” 
Dreamweaver 浏览 器 兼容 性 检查 ~ 


ossamB L4036 
目标 浏览 咒 | 错误 | 警告 | 
Firefox 1.0 


Frcfox 15 

Firefox 20 

Jatemnet Explorer 7.0 

ntemet Explorer for Macintosh 5.2 


图 内 辕 回 居民 加 尖 避 加 国度 


(5) 单 击 “ 结 果 ” 面 板 组 左下 侧 的 加 按钮 ， 可 以 保存 检查 结果 。 
(6) 双击 “浏览 器 兼容 性 检查 ”面板 中 的 错误 信息 ， 系 统 会 自动 切换 到 “ 拆 分 ” 视 
图 ， 并 选中 有 问题 的 标记 ， 如 下 图 所 示 。 


|] 隐 . 国 | C 目 . 七 be 所 检查 页 面 
rHref=: ow. location. href ;this. style. behavior=" url (#default#homepage)’ :this. setHomePage(’ hhtp: 

加 / /nw. bjjqe. com' ) :”style="cursor: 了 ”> 设 为 首页 </a>ct 中 

/tr> 


table> /td> 


(7) 将 有 问题 的 代码 修改 或 者 删除 ， 以 修正 错误 。 
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实例 2 检查 站 点 范围 的 链接 

在 一 些 大 型 站 点 中 ， 往 往 会 有 很 多 链接 ， 这 就 难免 出 现 URL 地 址 出 错 的 问题 。 如 果 
逐个 页 面 进行 检查 ， 将 是 非常 烦琐 和 浩大 的 工程 ， 针 对 这 一 问题 ，Dreamweaver 提供 了 
“检查 链接 ”功能 ， 使 用 该 功能 ， 可 以 快速 地 在 打开 的 文档 或 本 地 站 点 的 某 一 部 分 或 整个 
站 点 中 检查 断 开 的 链接 和 未 被 引用 的 文件 。 

1. 检查 页 面 链接 

可 以 检查 单个 页 面 文档 中 的 链接 。 具 体操 作 如 下 。 

(1) 在 Dreamweaver 中 打开 要 检查 的 网 页 文档 。 

(2) 选择 “文件 ”一 “检查 页 ”一 “链接 ”命令 ， 在 “结果 ”面板 组 中 的 “链接 检查 
器 ”面板 将 显示 检查 的 结果 ， 如 下 图 所 示 ， 列 表 中 给 出 的 是 外 部 链接 。 


链接 检查 器 ”站 点 报告 | FTP 记录 | 服务 器 调试 旨 
显示 (8); 外 部 链接 | 尾 接 到 站 点 外 的 页 面 ， 不 能 检查 ) 
多 


四 asp RE 
日 | 压 /tor. sp http://download macromedis com/pub/shockwave/ cabs/f1ash/s. 
1 不 ，1 不 JTL ” 记 共 26 个 慨 接 ,24 下 正确 ,0 不 靳 驰 ，2 不 下 部 概 按 

(3) 在 “显示 ”下 拉 列 表 框 中 可 选择 要 查看 的 链接 类 型 ， 如 下 图 所 示 。 


javaseript: void(D); 
http://download macromedia com/pub/shockovave/cabs/£1ash/s, 


各 链接 类 型 的 含义 如 下 。 

@ 断 掉 的 链接 : 用 于 检查 文档 中 是 否 有 断 掉 的 链接 。 

@ 外 部 链接 : 用 于 检查 页 面 中 存在 的 外 部 链接 。 

@ ”孤立 文 件 ， 只 有 在 对 整个 站 点 进行 检查 时 该 项 才 有 效 。 用 于 检查 站 点 中 是 否 存在 
孤立 文件 。 

2. 检查 站 点 中 某 部 分 的 链接 


可 以 对 站 点 中 的 指定 位 置 进行 检查 。 有 具体 操作 如 下 。 

(1) 选择 “窗口 ”一 “文件 ”命令 ， 打 开 “ 文 件 ” 面 板 ， 在 “文件 ”面板 中 选择 要 检 
查 的 文件 或 文件 夹 。 

(2) 在 选中 的 文件 或 文件 夹 上 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “检查 链接 ”一 “选择 
文件 /文件 夹 ” 命 令 ， 检 查 结果 将 显示 在 “结果 ”面板 组 的 “链接 检查 器 ”面板 中 。 

(3) 在 “显示 ”下 拉 列 表 框 中 可 选择 要 查看 的 链接 类 型 。 


3. 检查 站 点 范围 的 链接 


在 Dreamweaver 中 ， 可 以 直接 检查 整个 站 点 内 的 链接 。 具 体操 作 如 下 。 
(1) 在 “文件 ”面板 中 选择 要 检查 的 站 点 。 
(2) 在 “结果 ”面板 组 中 单 击 必 按 钮 ， 在 弹出 的 下 拉 菜 单 中 选择 “检查 整个 当前 本 
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快 条 全 电脑 一 动态 网站 设计 基山 与 应 用 
地 站 点 的 链接 ”选项 ， 如 下 图 所 示 ， 检 查 结果 将 显示 在 “链接 检查 器 ”面板 中 。 


显示 人 G): [ER | ( 针 按 文件 在 本 地 开盘 没有 找到 ) 


[ 
检查 当前 文档 中 的 链接 L) 


检查 站 点 中 所 选 文件 的 链接 1L) (8) 


实例 3 修复 站 点 范围 的 链接 
修复 链接 就 是 重新 设置 错误 的 链接 。 具 体操 作 如 下 。 


(1) 在 断 掉 的 链接 列表 中 ， 单 击 “ 断 掉 的 链接 ” 列 中 出 错 的 项 ， 该 列 变 为 可 编辑 状 
态 ， 如 下 图 所 示 。 


| 训 览 器 兼容 性 检查 链接 检查 器 ”站 点 报 省 | FTP 记 录 | 服务 器 调试 
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nclude/user_include. asp sercenter, asp 
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(2) 重新 输入 链接 文件 的 路 径 或 者 单 击 右 侧 的 国 | 按 钮 ， 在 弹出 的 “选择 文件 ”对 话 
框 中 重新 选择 链接 的 文档 ， 按 Delete 键 删除 。 

(3) 下 面 还 有 几 个 文件 与 其 有 相同 的 错误 ， 当 修改 完 上 述 链接 后 ， 系 统 弹 出 如 下 图 所 
示 的 提示 框 ， 询 问 是 否 修正 其 他 引用 该 文件 的 非法 链接 。 

(4) 单 击 “ 是 ”按钮 关闭 提示 框 ， 系 统 将 自动 修正 其 他 链接 。 


Adobe Dreanveaver CS3 区 


葬 ) 您 是 否 要 修正 余下 的 引用 该 文件 的 非法 链接 ? 
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10.3 ”设置 远程 信息 


申请 网 站 空间 和 域名 之 后 ， 服 务 商 会 提供 登录 网 站 空间 使 用 的 人 P 地 址 、 登 录 账户 名 
称 和 密码 。 必 须 把 这 些 信息 设置 到 Dreamweaver 对 应 的 站 点 中 ， 才 能 通过 Dreamweaver 
内 置 的 站 点 管理 功能 对 主机 空间 进行 各 种 操作 。 设 置 的 具体 步骤 如 下 。 

(1) 选择 “站 点 ”一 “管理 站 点 ”命令 ， 打 开 “ 管 理 站 点 ”对 话 框 ， 如 下 图 所 示 。 

(2) 在 站 点 列表 中 选择 站 点 ， 本 例 为 shop， 单 击 “ 编 辑 ” 按 钮 打开 “shop 的 站 点 定 
义 为 ”对 话 框 。 


EDIE 


(3) 切换 到 “高 级 ”选项 卡 ， 在 “分 类 ”列表 框 中 单 击 “ 远 程 信息 ”， 然 后 在 右 侧 设 


管 界面 中 设置 相关 参数 ， 最 后 单 击 “ 确 定 ” 按 钮 ， 如 下 图 所 示 。 


shop 的 站 点 定义 为 


访问 WW [FF 
Fr 主机 QD: [222 199.228.147 
主机 目录 四) 


口 便 用 安全 Pr? GF?) 
EEE EIY 

回 准 护 同步 信息 昌 ) 

口 保存 时 自动 格 文件 上 传 到 服务 器 

口 已 用 存 回 和 取出 G) 


10.4 上 传 


种 1 在 此 处 选择 FTP。 
事 2 在 此 处 输入 他 地 址 。 


囊 3 在 此 处 输入 登录 账号 
名 称 。 


中 4 在 此 处 输入 登录 密码 。 


w 


免 在 上 传 或 取 回 文件 时 发 生 
冲突 ， 应 选中 此 复 选 框 


后 ， 单 击 “ 测 试 ” 


-1GGGOG:--------- 


网 站 


利用 Dreamweaver CS3， 可 以 在 获取 或 上 传 文件 期 间 执行 其 他 与 服务 器 无 关 的 活动 ， 


比如 新 建文 件 或 编辑 文件 等 。 


无 论 是 从 本 地 站 点 上 传 文件 到 远程 服务 器 ， 还 是 从 远程 服务 器 取 回 文件 ， 都 应 首先 建 


立 本 地 站 点 和 远程 服务 器 之 间 的 连接 。 为 此 ， 可 单 才 


“文件 面板 ”工具 栏 上 的 “连接 到 远 


“Cl 


忆 条 全 电脑 一 动态 网 站 设计 基础 与 应 用 


端 主机 ”按钮 哎 来 连接 本 地 站 点 与 远程 服务 器 。 如 果 与 服务 器 的 连接 成 功 ， 该 按钮 左 侧 的 
绿灯 会 被 点 亮 。 再 次 单 击 该 按钮 ， 将 断 开 与 服务 器 的 连接 ， 按 钮 将 随 之 变 灰 。 


实例 4 使 用 Dreamweaver 上 传 与 取 回 网 上 商城 网 站 

1. 上 传 网 上 商城 网 站 

与 服务 器 成 功 连接 后 ， 如 果 要 从 本 地 站 点 向 服务 器 上 传 网 站 源 文件 ， 可 以 在 文件 面板 
中 选中 站 点 根 目录 ， 然 后 单 击 面板 上 方 的 “上 传 文件 ”按钮 合 ， 此 时 系统 会 首先 打开 如 左 
下 图 所 示 的 提示 框 ， 询 问 用 户 是 否 上 传 整个 站 点 。 如 果 单 击 “ 确 定 ” 按 钮 ， 系 统 将 开始 上 
传 文件 并 显示 如 右 下 图 所 示 的 上 传 进度 对 话 框 。 


上 回民] 


Adobe Dreamweaver CS3 区] 了 后 外 文件 医 动 = 39 上 
正在 上 人 文件 fot sp - 已 经 写 入 01683 的 字 节 。 


> 详细 


如 果 网 站 内 容 较 多 ， 上 传 网 站 会 花费 很 长 的 时 间 ， 此 时 应 尽 可 能 选择 晚上 等 空闲 
时 间 执行 上 传 工 作 。 

此 外 ， 如 果 希 望 只 上 传 选 定 的 文件 或 文件 夹 ， 可 首先 选中 这 些 文件 或 文件 夹 ， 然 
后 再 单 击 “ 上 传 文件 ”按钮 全 。 


单 击 “ 本 地 视图 ”下 拉 列 表 框 ， 在 下 拉 列 表 框 中 选择 “远程 视图 ”， 其 中 显示 了 远程 
服务 器 上 的 文件 列表 ， 如 下 图 所 示 。 


rv 文件 污 
文件 要 2 项 
1 避 | | 远程 视图 ”一 


EAIEX ER YE 
Ey | 

田 admin 

田 aspnet_client 
田 data 


database 


如 果 有 多 个 站 点 的 
话 ， 可 打开 此 下 拉 
列表 框 选择 站 点 


本 地 站 点 或 远程 服务 
器 中 的 文件 列表 


人 @ ”日 期 : 2008-7-24 17:21 


2. 取 回 网 上 商城 网 站 

要 从 远程 服务 器 中 取 回 文件 ， 只 需 单 击 “ 文 件 ” 面 板 中 的 “获取 文件 ”按钮 加 | 即 
可 ， 此 时 将 显示 提示 对 话 框 ， 如 左下 图 所 示 。 单 击 “ 确 定 ”按钮 将 显示 取 回 文件 进度 指示 
对 话 框 ， 如 右 下 图 所 示 ， 下 载 完 后 该 对 话 框 会 自动 消失 。 


[2D] 一 


和) 


| 


已 您 确定 要 下 载 整个 站 点 吗 ? 


已 Ce ) 


10.4.1 使 用 扩展 “文件 ”面板 管理 文件 上 传 和 取 回 


为 了 更 好 地 管理 文件 的 上 传 或 取 回 ， 可 在 “文件 ”面板 中 单 击 国 按钮 展开 “文件 ” 面 
板 。 这 时 将 看 到 下 图 所 示 窗 口 ， 其 中 左边 的 列表 显示 了 远程 服务 器 中 的 目录 与 文件 ， 右 边 
的 列表 显示 了 本 地 站 点 中 的 目录 与 文件 。 
使 用 扩展 “文件 ”面板 的 好 处 是 可 以 更 好 地 对 比 本 地 文件 和 远程 服务 器 中 的 文件 ， 从 
而 决定 将 哪些 文件 上 传 或 取 回 。 
Dw Adobe Dreamweaver C53 [F:\untitled. htal (XHTML)*] 


文件 @ 编辑 查看 站点 G) 
显示 : | 加 shop 司 氏 ]G 加 | 车] 路 和 | 2 1 
入 文 古 不 


2008-7-24 17:21 
ee 2008-8-12 14:38 
a a ctive. 2008-7-25 17:07 
chk. ee 2006-8-29 17:57 
可 以 利用 鼠标 拖 动 方式 来 etive 009-8-2 1 
ctive. 2007-10-15 9:04 

或 下 载 文件 a 


2007-10-15 15:3¢ 


10.4.2 ”同步 文件 


-O00E.---------. 


Dreamweaver 可 以 在 本 地 和 远程 站 点 之 间 同 步 文件 ，Dreamweaver 会 根据 需要 在 两 个 
方向 上 复制 文件 ， 并 且 在 合理 的 情况 下 删除 不 需要 的 文件 。 

同步 文件 的 具体 操作 如 下 。 

(1) 打开 “文件 ”面板 ， 从 “站 点 ”下 拉 列 表 框 中 选择 希望 进行 同步 的 站 点 。 

(2) 选择 希望 进行 同步 的 文件 或 文件 夹 。 如 果 要 同步 整个 站 点 ， 可 跳 过 此 步 又。 

(3) 单 击 “ 文 件 ” 面 板 右 上 角 的 医 按 钮 ， 在 弹出 的 菜单 中 选择 “站 点 ”一 “同步 ” 命 
令 ， 如 下 图 所 示 。 


“Cl 


新 建站 点 @) 
管理 站 点 0) 
在 Contribute 中 管理 站 点 他 ) 


@ CtrltShifttD 


~ 电脑 一 一 动态 网 站 设计 基础 与 应 用 


上 Vv Ctrl+Shif£tty 


Se 
[RD | 
在 “同步 文件 ”对 话 框 中 的 “同步 ”下 拉 列 表 框 中 选择 希望 同步 的 对 象 (整个 站 点 或 
选中 的 文件 夹 和 文件 )， 如 左下 图 所 示 ， 然 后 在 “方向 ”下 拉 列 表 框 中 选择 同步 的 方向 ， 
如 右 下 图 所 示 。 


同步 所); | 仅 选 中 的 本 地 文件 


方向 虽 放置 较 新 的 文件 到 有 元 程 


单 击 “ 预 览 ”按钮 ， 系 统 开始 对 比 本 地 站 点 和 远程 站 点 中 的 文件 。 对 比 结束 后 ， 会 根 
据 情况 给 出 提示 框 ， 如 左下 图 所 示 。 如 果 单 击 “ 是 ”按钮 ， 会 打开 如 右 下 图 所 示 的 文件 列 
表 。 可 以 通过 单 击 左下 方 的 一 排 按钮 ， 对 所 选 文件 进行 相应 的 操作 。 


文件 :0 将 被 更 新 ，131 格 被 味 过 


Adobe Dreamweayer CS3 


没有 避 要 浊 生 同步， 是否 查看 文件 列表 以 进行 手 动 同步? 


要 更 8 动作 ， 请 选择 文件 并 单 击 下 方 的 其 中 一 个 图 标 ， 杖 后 单 击 “ 确 定 ”， 


EC ne)alelal m Cwm] Cw 


10.5 网 站 推广 


网 站 做 好 了 ， 还 要 进行 宣传 推广 ， 不 然 就 会 淹没 在 浩如烟海 的 网 络 海洋 中 ， 也 就 起 不 
到 建立 站 点 的 作用 了 。 下 面 讲述 几 种 常用 的 网 站 推广 的 方法 。 


1. 注册 到 搜索 引擎 


目前 最 经 济 、 实 用 和 高 效 的 网 站 推广 形式 就 是 搜索 引擎 登录 。 比 较 有 代表 性 的 搜索 引 
擎 有 : 百度 (www.baidu.com) 、 Google(www.googlecom) 、 114(Cwww.vnetcn) 、 雅 虎 
(www.yahoo.com.cn)、 搜 狐 (www.sohu.com) 等 。 


2. 导航 网 站 登录 
对 于 一 个 流量 不 大 、 知 名 度 不 高 的 网 站 来 说 ， 导 航 网 站 所 带 来 的 流量 远 远 超过 搜索 引 


ZB “一. 


和 秆 10 章 ”网 站 的 测试 、 发 布 与 推广 一 一 网 上 商城 着 儿 第 9 步 


擎 以 及 其 他 方法 。 目 前 ， 比 较 著 名 的 导航 网 站 有 265(www.265.com)、hao123 网 址 之 家 
(www.hao123.com)、Google 网 站 导航 (daohang.google.cn) 等 。 


3. 友情 链接 

友情 链接 可 以 给 一 个 网 站 带 来 稳定 的 客流 。 另 外 还 有 助 于 网 站 在 Google 等 搜索 引擎 
中 的 排名 。 

友情 链接 时 最 好 能 连接 一 些 流量 比 自己 高 的 、 有 知名 度 的 网 站 ， 再 次 是 和 自己 内 容 互 
补 的 网 站 ; 然后 是 同类 网 站 ， 同 类 网 站 要 保证 自己 网 站 的 内 容 质量 有 特点 ， 并 且 可 以 吸引 
人 ， 否 则 不 如 不 连接 同类 网 站 。 

4. 网 络 广 告 

可 以 在 一 些 大 型 的 门户 网 站 上 放 上 宣传 自己 公司 的 横幅 广告 。 这 将 给 网 站 带 来 更 多 的 
流量 。 

5. 宣传 

一 般 的 公司 都 有 专门 的 业务 部 ， 可 以 通过 业务 部 向 自己 的 客户 宣传 ， 将 网 站 网 址 印 在 
每 个 人 的 名 片上 。 

6. 报纸 、 杂 志 

可 以 在 传统 的 媒体 (如 报纸 、 杂 志 等 ) 上 登 广 告 宣传 自己 的 网 站 。 


问 与 答 


间 ; 域名 是 如 何 分 类 的 ? 

管 ， 现在 最 通俗 的 域名 类 别 可 分 为 国际 域名 和 国内 域名 ， 两 者 的 主要 区 别 在 于 域名 
划分 方式 和 管理 机 构 不 同 。 目 前 互联 网 上 的 域名 体系 中 共有 三 类 顶级 域名 : 类 别 顶 级 域 
名 、 地 理 顶 级 域名 、 新 顶级 域名 。 分 别 介绍 如 下 。 

@ ”类 别 顶 级 域名 共有 7 个 ， 也 就 是 现在 通常 说 的 国际 域名 。 由 于 Intemet 最 初 是 在 

美国 发 源 的 ， 因 此 最 早 的 域名 并 无 国家 标识 ， 人 们 按 用 途 把 它们 分 为 儿 个 大 类 ， 
它们 分 别 以 不 同 的 后 级 结尾 : .com (用 于 商业 公司 )、.net( 用 于 网 络 服务 )、.org( 用 
于 组 织 协会 等 ); .gov( 用 于 政府 部 门 )、.edu( 用 于 教育 机 构 )、.mil( 用 于 军事 领 
域 )、.int( 用 于 国际 组 织 )。 最 初 的 域名 体系 主要 供 美 国 使 用 ， 因 此 美国 的 企业 、 
机 构 、 政 府 部 门 等 所 用 的 都 是 “国际 域名 ”， 随 着 Intemet 向 全 世界 的 发 展 ， 除 
了 .edu、.gov、.mil 一 般 只 被 美国 专用 外 ， 另 外 三 类 常用 的 域名 .com、.org、.net 
则 成 为 全 世界 通用 ， 因 此 这 类 域名 通常 称 为 “国际 域名 ”， 直 到 现在 仍然 为 世界 
各 国 所 应 用 。 
@ ”地 理 顶 级 域名 共有 243 个 国家 和 地 区 的 代码 ， 例 如 .cn 代表 中 国 ，.uk 代表 英国 

( 详 见 全 球 国家 /地 区 顶级 地 理 域名 后 级 )。 这 样 以 .cn 为 后 级 的 域名 就 相应 地 叫做 

“国内 域名 ”。 

@ ”顶级 域名 也 就 是 所 谓 的 “新 顶级 域名 ”， 是 ICANN 根据 互联 网 发 展 需要 ， 在 


---- -EOE.---------- 


| 


快 条 国电 脑 一 动态 网站 设计 基山 与 应 用 


2000 年 11 月 做 出 决议 ， 从 2001 年 开始 使 用 的 国际 项 级 域名 。 也 包含 7 类 : 
biz、info、name、pro、aero、coop、museum。 其 中 前 4 个 是 非 限制 性 域 ， 后 3 
个 是 限制 性 域 ， 如 aero 须 是 航空 业 公 司 注册 ，museum 须 是 博物 馆 ，coop 须 是 集 
体 企业 ( 非 投资 人 控制 ， 无 需 利润 最 大 化 ) 注 册 。 
间 :; 如 何 用 ASP 判断 网 站 的 虚拟 物理 路 径 ? 
管 : 使 用 MapPath 方法 ， 实 现代 码 如 下 。 
<%= Server.MapPath ("\")%> 
间 ; 缓冲 输出 对 于 网 页 传输 有 没有 影响 ? 
管 ， 在 比较 大 的 Web 页 中 ， 第 一 部 分 在 浏览 器 中 出 现 可 能 会 有 一 些 延 迟 ， 但 是 加 载 
整个 Web 页 的 速度 比 不 用 缓冲 要 快 。 
间 ; 我 在 ASP 脚本 中 写 了 很 多 的 注释 ， 这 会 不 会 影响 服务 器 处 理 ASP 文件 的 
速度 ? 
答 ， 在 编写 程序 的 过 程 中 ， 作 注释 是 良好 的 习惯 。 经 国外 技术 人 员 测试 ， 带 有 过 多 
注释 的 ASP 文件 整体 性 能 仅仅 会 下 降 0.1%， 也 就 是 说 在 实际 应 用 中 基本 上 不 会 感觉 到 服 
务 器 的 性 能 下 降 。 


练 一 练 


Intemet 中 有 许多 网 站 提供 免费 域名 和 空间 (可 以 通过 搜索 引擎 搜索 )， 读 者 可 以 申请 一 
个 域名 和 空间 ， 然 后 将 站 点 文件 上 传 到 空间 中 让 朋友 一 起 欣赏 自己 的 成 果 。 
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CE 在 Windows 2003 上 和 部 署 网 上 商 
城 网 站 网 上 高 城 制 作 再 党 着 
本 章 学 习 重 点 


只 IIS 服务 器 的 安装 与 配置 
时 只 SQL Server 2005 的 安装 
2》 


[二 启动 、 暂 停 和 停止 SQL Server 服务 器 

只 创建 数据 库 与 表 

0 埠 数据 库 操作 

只 创建 网 上 商城 数据 库 中 所 有 表 

只 连接 SQL Server 数据 库 

正式 发 布 网 站 时 ， 网 站 源 文件 会 被 部 署 在 专门 的 Web 服务 器 上 ， 例 如 ，Windows 

Server 服务 器 、linux 服务 器 和 Unix 服务 器 等 。 本 章 将 介绍 如 何在 Windows 2003 服务 器 
上 部 署 ASP 动态 网 站 ， 以 及 如 何 使 用 SQL Server 数据 库 。 


11.1 IIS 服务 器 的 安装 与 配置 


11.1.1 ”安装 IIS 服务 器 


在 Windows 2003 下 安装 IS 服务 器 的 方法 与 XP 类 似 ， 具 体操 作 如 下 。 

(1) 选择 “开始 ”一 “控制 面板 ”一 “添加 或 删除 程序 ”命令 ， 在 打开 的 对 话 框 中 单 
击 “ 添 加 /删除 Windows 组 件 ” 选 项 ， 打 开 Windows 组 件 向 导 。 

(2) 选中 “应 用 程序 服务 器 ” 复 选 框 ， 单 击 “ 详 细 信息 ”按钮 ， 查 看 该 选项 的 具体 内 
容 ， 如 左下 图 所 示 。 

(3) 选中 “Internet 信息 服务 (IS)” 选 项 ， 单 击 “ 详 细 人 信息” 按钮 ， 查 看 该 选项 的 具 
体内 容 ， 如 右 下 图 所 示 。 


Tindows 组 件 向 导 划 应 用 程序 服务 器 Es 
in aa 似 件 ， 请 间 友 色 检 表 示 只 会 安装 该 组 件 的 
可 以 除 Windows 四 人 后 汪 
i I 二 人 


se ee 


组 件 已 : 可 优 昌 用 网 结 com 访问 0.0 皮 


案 引 服 务 oow 悦 口 二 局 用 网 络 Drc 访问 0.0 上 
gy 束 滑 息 队 列 T.0 旧 
上 | 加 偷 应 用 程序 服务 器 控制 台 oom 3 
间 lam 下 描述 :ITS 包括 fab， FTP ,SWTP 和 IDITP 支持 ,以 及 对 FrontPage Server 
描述 : Eg ASP. WET ，Internet 信息 服务 IIS) 和 应 用 程序 服务 器 控制 Extension 和 Active Server Page (ASP) 的 支持 。 
所 需 放 和 全 间 : a2 
可 用 而 生 多 间 : aa59 3 旧 
所 用 而 生 间 - 3.2 加 EZ 
可 用 磁盘 空间 8332.2 皮 Le 
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(4) 选中 “万 维 网 服务 ” 复 选 框 。 如 果 想 使 用 邮件 传输 协议 ， 则 选中 SMTP Service 
复 选 框 ， 如 果 想 使 用 FTP 传输 文件 ， 则 选中 “文件 传输 协议 (FTP) 服 务 ” 复 选 框 ， 如 左下 
图 所 示 ; 否则 连续 单 击 “ 确 定 ” 按 钮 返回 “Windows 组 件 ” 对 话 框 。 

(5) 在 “Windows 组 件 ” 对 话 框 中 单 击 “ 下 一 步 ” 按 钮 ， 开 始 安装 选择 的 组 件 。 

(6) 在 安装 过 程 中 会 提示 插入 安装 盘 ， 将 Windows 2003 安装 盘 放 入 光驱 ， 单 击 “ 确 
定 ” 按 钮 ， 系 统 会 自动 从 光盘 中 搜索 相关 文件 并 安装 ， 如 右 下 图 所 示 。 

(7) 稍 等 片刻 ， 在 出 现 的 “完成 Windows 组 件 向 导 ” 对 话 框 中 单 击 “ 完 成 ”按钮 ， 
便 可 成 功 安 装 TS。 


Internet 信息 服务 (TIS) 


L htt 与 应 用 


ee 让 于 请 和 


Internet 信息 服务 [TS) 的 子 姐 件 ); 
ET 


© Pi i CN 
ee 


描述 ; IIS 的 楼 心 组 件 ,使 用 HTTP 协议 来 与 TCR/IP 网 络 上 的 Yeb 客 
问 玉 诡 - 一 


Se 训导 息 ) 


可 用 : 
磁盘 空间 8322.9 有 Ea 一 


11.1.2 配置 IIS 服务 器 


在 Windows 2003 中 安装 IIS 6.0 之 后 ， 默 认 设 置 下 是 无 法 运行 ASP 程序 的 ， 如 果 要 
运行 ASP 程序 ， 还 需要 单独 开启 IIS 6.0 对 ASP 程序 的 支持 。 具 体操 作 如 下 。 


时 | 
本 文件 四 换 作 人 0) 查看 四。 窗口 思 。 各 助 0 -all 
和 + 加 | 略 因 加 |@| 屋 |》 | 


串 1 选择 “开始 ”一 “管理 工具 ” 
一 “Intemet 信息 服务 (ITS) 管 理 器 
命令 ， 启 动 IIS， 选择 “Web 服务 扩 
展 ”选项 ， 在 右 侧 窗 格 中 将 Active 
Server Pages 和 “在 服务 器 端的 包含 
文件 ”两 项 设置 为 “允许 ”。 


种 2 展开 “网 站 ”节点 ， 在 “默认 网 
站 ”选项 上 右 击 ， 在 弹出 的 快捷 菜单 
中 选择 “属性 ”命令 ， 打 开 “ 默 认 网 
站 属性 ”对 话 框 。 


E50 


要 使 用 IIS 提供 的 站 点 服务 ， 需 要 先 启动 相应 的 站 点 。 方 法 是 选中 要 启动 的 站 点 ， 
如 “默认 网 站 ”， 单 击 工具 栏 中 黑色 三 角 按钮 隐 即 可 启动 该 站 点 。 站 点 启动 之 后 单 击 故 
按钮 可 停止 服务 ， 单 击 则 按钮 可 暂停 服务 。 


路 径 ” 复 选 框 ， 然 后 单 击 “ 确 定 ” 按 钮 即 可 。 | 
OO AS 脚本 超时 员 : 。 启 P0 。 秒 


厂 启用 并 排 集合 到 ) 


< 清文 FS [ 


EE zx 
目录 安 人 性 。 | rp 头 。 | 。 自 定义 扩 务 器 扩展 
网 站 “| 性能 ”| 。 ISAPI 第 先 器 文档 
此 资源 的 内 容 末 自 : 站 
CE 8 
:tt 
本 地 路径 C)。 [inetpub Wrvroot ED) 所 的 默认 文 相 玄 
厂 脚本 资源 沪 问 友 记录 访问 也 - 竺 -| 网 站 时 默认 显示 的 网 页 ) 
到 读 职 吧 ) 厅 索引 光源 人 a 
厂 BAW 
三 目录 浏览 @) 目 
应 用 程序 设置 a 
应 用 程序 名 W)， 。 [区 VE 用 和 过 四) 
开始 位 置 MAW> 捉 3 单 击 切换 到 “ 主 目录 ”选项 卡 ， 然 后 单 击 
RD ee 配置 ”按钮 打开 “应 用 程序 配置 ”对 话 框 @ 
i * @ 
应 用 程序 配置 所 7 
my Gen mx | 级 项 | 着 
应 用 程序 配置 一 (BB 
启用 会 话 状态 G) 
会 iD 图 5” 名 (WW 
末 启用 缓冲 @) 
囊 4 单 击 切换 到 “选项 ”选项 卡 ， 选 中 “启用 父 
a 
a 
a 
n 
a 
a 
目 


若 不 启用 父 路 径 ， 则 网 页 链接 
中 所 应 用 的 相对 路 径 便 无 法 使 
用 ， 网 页 将 无 法 正常 显示 


11.1.3 测试 IIS 服务 器 


安装 配置 IS Web 服务 器 之 后 ， 应 先 测试 HS 服务 器 是 否 成 功 搭建 。 方 法 是 : 在 正 浏 
览 器 地 址 栏 中 输入 http://localhost， 若 出 现 如 左下 图 所 示 页 面 ， 或 者 输入 “http:// 服 务 器 名 
尔 ”， 如 : http:/d(d 为 本 例 中 的 计算 机 名 称 )， 若 出 现 如 右 下 图 所 示 页 面 ， 说 明 ASP 网 站 
调试 环境 搭建 成 功 。 


,SO(251l 


EEE Ft TInternet Erplorer 午 于 这 中 - Wi crosoft TInternet Erplorer = 上 | 
文件 加” 匡 各 外 至 看 辐 ” 收 蕊 大 工具 开 ) 帮助 如 文件 旭 ” 轧 得 如 ”下 看 名 收藏 如 工具 上 帮助 中 3 
-DR | 名 国 - 口 人 .局 - 癌 申办 | 太宰 说 收 BB 全 | 中: 久 国 - 品 
-sa ”mat 加 二 /a | -a Ws ”sme 日 
目 建设 中 到 建设 中 

悠 得 要 查看 的 站 点 当前 没有 默认 页 。 可 能 正在 对 已 进行 升级 和 弥 痊 拓 作 ， 娩 旭 要 查看 的 站 点 当前 没有 默认 页 。 可 能 正在 对 它 进 行 升级 和 陀 兰 操作 ， 

请 稍 后 再 访问 此 站 点 。 如 果 您 急 然 过 到 问题 ， 请 与 网 站 的 管理 员 联 系 。 请 稍 后 再 访问 此 站 点 。 如 果 怎 仍然 遇 到 问题 ， 请 与 网 站 的 管理 员 联 系 。 问 

如 果 您 是 网 站 的 管理 员 ， 并 且 认 为 您 是 由 于 错误 才 收 到 此 消息 ， 语 夫 阅 TS 如 果 您 是 网 站 的 管理 员 ， 并且 认 为 弥 是 机 于 错误 才 收 到 此 消息 ， 语 参阅 IIS 

秋 有 劲 中 的 “ 户 用 和 禁用 动 碍 内容。 本 和 动 中 的 “月 用 和 禁用 动 者 内 容 ”。 可 
Ea mem EE 吕 ” 隔 寺 mlm E23 图 


11.2 ”SQL Server 2005 的 安装 


SQL Server 是 一 个 大 型 的 数据 库 管 理 系统 ， 它 所 有 的 中 心 数 据 驻 留 在 一 个 中 心计 算 机 
上 ， 该 计算 机 被 称 为 服务 器 。 用 户 通过 客户 机 的 应 用 程序 来 访问 服务 器 上 的 数据 库 ， 在 数 
据 库 做 出 回应 之 前 ，SQL Server 会 对 访问 的 用 户 做 安全 验证 ， 只 有 通过 验证 才能 处 理 请 
求 ， 处 理 完 毕 后 会 将 结果 返回 给 客户 机 应 用 程序 。 
Microsoft SQL Server 2005 主要 分 为 5 个 版 本 。 
@ Enterprise( 企 业 版 ): 达到 了 支持 超大 型 企业 进行 联机 事务 处 理 、 高 度 复杂 的 数据 
分 析 、 数 据 仓 库 系 统 和 网 站 所 需 的 性 能 水 平 。Enterprise 的 全 面 商业 智能 和 分 析 
能 力 及 其 高 可 用 性 功能 (如 故障 转移 群集 )， 使 它 可 以 处 理 大 多 数 关 键 业 务 的 企业 
工作 负荷 ， 是 超大 型 企业 的 理想 选择 。 
@ Development( 开 发 版 ): 允许 开发 人 员 在 SQL Server 顶部 生成 任何 类 型 的 应 用 程 
序 。 该 应 用 程序 包括 SQL Server 2005 Enterprise Edition 的 所 有 功能 ， 可 以 用 作 开 
发 和 测试 系统 ， 而 不 能 用 作 生 产 服务 器 。 该 版 本 是 独立 软件 供应 商 (ISV)、 咨 询 
人 员 、 系 统 集 成 商 、 解 决 方案 供应 商 以 及 生成 和 测试 应 用 程序 的 企业 开发 人 员 的 
@ ”Workgroup( 工 作 组 版 ): 对 于 那些 需要 在 大 小 和 用 户 数量 上 没有 限制 的 数据 库 的 
小 型 企业 ，Workgroup Edition 是 理想 的 数据 管理 解决 方案 。Workgroup Edition 
可 以 用 作 前 端 Web 服务 器 ， 也 可 以 用 于 部 门 或 分 支 机 构 的 运营 。 该 版 本 是 理想 
的 入 门 级 数据 库 ， 具 有 可 靠 、 功 能 强大 且 易 于 管理 的 特点 。 
@ Standard( 标 准 版 ): 是 适合 中 小 型 企业 的 数据 管理 和 分 析 平 台 。 它 包括 电子 商 
务 、 数 据 仓库 和 业务 流 解决 方案 所 需 的 基本 功能 。Standard Edition 的 集成 商业 智 
能 和 高 可 用 性 功能 可 以 为 企业 提供 支持 其 运营 所 需 的 基本 功能 。 该 版 本 是 需要 全 
面 的 数据 管理 和 分 析 平 台 的 中 小 型 企业 的 理想 选择 。 
@ ”Express( 学 习 版 ): 是 免费 的 ， 可 以 再 分 发 (受制 于 协议 )， 还 可 以 充当 客户 端 数据 
库 以 及 基本 服务 器 数据 库 。SQL Server Express 是 独立 软件 供应 商 ISV、 服 务 器 
用 户 、 非 专业 开发 人 员 、Web 应 用 程序 开发 人 员 、 网 站 主机 和 创建 客户 端 应 用 
程序 的 编程 爱好 者 的 理想 选择 。 
安装 SQL Server 2005 同安 装 其 他 软件 类 似 ， 由 于 篇 幅 关 系 ， 本 书简 单 介绍 在 安装 过 
程 中 需要 注意 的 地 方 。 有 具体 操作 如 下 。 
(D 将 安装 盘 放 入 光驱 ， 光 盘 会 自动 运行 ， 在 弹出 的 开始 界面 中 单 击 “ 服 务 器 组 件 、 


1252) 


> ETE 上 部 署 网 上 商城 网 站 一 一 网 上 商城 制作 再 完 善 


工具 、 联 机 丛书 和 示例 ”超级 链接 ， 局 动 SQL Server 2005 的 安装 向 导 ， 如 左下 图 所 示 。 
根据 安装 向 导 中 的 提示 进行 操作 。 当 出 现 如 右 下 图 所 示 的 “要 安装 的 组 件 ” 界 面 时 ， 从 中 
可 以 对 SQL Server 2005 的 功能 组 件 进 行 选择 。 


SQL Server 2005 [ 光 先 1, 共 2 张 
要 安装 的 组 件 
请 选择 要 SR 件 。 § 
EF 
7 SaL Server Detebese Services 加 
准备 厂 可 证 36L Server 故 讲 苇 敬 群 入 
mt cn 四 
访问 SQL Server 网 站 (四 
ejl EE 辣 该 SL Server 许可 协议 E) i 请 单 击 “ 高 天 ”查看 更 多 选项 。 
EnterprseFdition 帮助 《上 - 步 @ | [下 - 步 m >] 取消 


(2) 在 右上 图 中 单 击 “ 高 级 ”按钮 ， 在 打开 的 对 话 框 中 可 以 对 要 安装 的 程序 功能 进行 
选择 ， 如 左下 图 所 示 ， 选 择 后 ， 单 击 “ 下 一 步 ”按钮 打开 如 右 下 图 所 示 的 “实例 名 ” 
界面 。 


安装 路 径 
| 了 :VEProgran Files\Microsoft SQL Server\ 


才 助 00) 《上 一 步 四 


(3) 在 出 现 的 对 话 框 中 设置 SQL Server 实例 名 称 ， 若 使 用 默认 实例 名 ， 则 选中 “ 默 
认 实 例 ” 单 选 按钮 ; 若 想 自己 设置 实例 名 则 选中 “命名 实例 ” 单 选 按钮 ， 然 后 在 “命名 实 
例 ” 文 本 框 中 输入 实例 名 。 本 例 选中 “默认 实例 ” 单 选 按钮 ， 单 击 “ 下 一 步 ” 按 钮 打开 
“服务 账户 ”界面 ， 如 左下 图 所 示 。 

(4) 选中 “使 用 内 置 系统 账户 ” 单 选 按钮 ， 单 击 “ 下 一 步 ”按钮 打开 “身份 验证 模 
式 ” 界 面 框 ， 如 右 下 图 所 示 。 

(5) 选中 “混合 模式 (Windows 身份 验证 和 SQL Server 身份 验证 )” 单 选 按 钮 ， 在 “ 输 
入 密码 ”和 “确认 密码 ”文本 框 中 输入 用 户 sa 的 密码 ， 然 后 单 击 “ 下 一 步 ” 按 钮 。 


---------"@OOE.---------- 


“Cl 


作乐 G@ 电 及 一 ai 受 计 基础 与 应 用 


“Windows 身份 验证 模式 ”表示 用 户 进行 用 户 账 户 连 接 时 ，SQL Server 使 用 操作 
系统 中 的 账户 和 密码 进行 验证 。 


“混合 模式 ”表示 允许 用 户 使 用 Windows 身份 验证 或 SQL Server 身份 验证 进行 


ER 身份 验证 模式 
服务 帐户 定义 登录 时 使 用 的 帐户 。 和 身份 验证 模式 指定 了 连接 SQL Servar 时 使 用 的 安全 设置 。 和 
Ea P71 
连 择 此 系统 要 使 用 的 身份 验证 模式 。 
厂 为 后 个 服务 帐户 进行 自 定 史 忆 ) 
服务 乌 ) 
个 Winaws 身份 验证 模式 四) 
正 下 面 指定 :。 登录 密码 : 
RAD 
5 
- 实 凌 结 束 时 启动 服务 确认 密码 信 ); 
5 SQL Sexrver @) 5 Reporting Services(D) 
2 区 -一 一 一 
人 Analysis Services A) 
于 助 Q) < 上 - 步 四 职 汉 村 助 0 < 上 - 步 加 取 汉 
(6) 依照 系统 提示 继续 操作 ， 在 最 后 出 现 的 对 话 框 中 单 击 “ 完 成 ”按钮 ， 完 成 SQL 


Server 2005 的 安装 。 


11.3 启动、 暂停 和 停止 SQL Server 服务 器 


SQL Server 数据 库 是 运行 在 SQL Server 服务 器 上 的 ， 如 果 要 访问 数据 库 需要 先 启 动 
SQL Server 服务 器 ; 如 果 要 禁止 访问 数据 库 ， 则 停止 SQL Server 服务 器 即 可 。 具 体操 作 
如 下 。 

(1) 选择 “开始 ”一 “所 有 程序 ”一 Microsoft SQL Server 2005 一 “配置 工具 ”一 SQL 
Server Configuration Manager 命令 ， 打 开 SQL Server 配置 管理 器 ， 如 下 图 所 示 。 

(2) 选择 “SQL Server 2005 服务 ”选项 ， 在 右 侧 窗 格 中 右 击 SQL Server 选项 ， 在 弹 
出 的 快捷 菜单 中 选择 “启动 ”命令 可 启动 SQL Server 服务 器 ， 启 动 之 后 选择 “暂停 ” 命 


令 可 暂停 SQL Server ep 选择 “停止 ”命令 可 停止 SQL Server 服务 器 ， 如 下 图 所 示 。 


C5) 


选中 某 一 服务 器 后 ， 单 击 工具 栏 中 的 “启动 ”按钮 四 可 启动 该 服务 器 ; 单 击 “ 暂 
停 ”按钮 加 可 暂停 该 服务 器 ; 单 击 “ 停 止 ”按钮 加 可 停止 该 服务 器 ; 单 击 “重新 启动 服 
务 ”按钮 可 重新 启动 该 服务 器 。 


11.4 创建 数据 库 与 表 


实例 1 创建 网 上 商城 数据 库 


下 面 以 创建 网 上 商城 网 站 所 使 用 的 数据 库 shop 为 例 ， 介 绍 SQL Server 数据 库 的 创建 
施法 s 
ER 

$6L serverz00s 


we me 


[一 钊 1 选择 “开始 ”一 “所 有 程序 ”一 Microsoft 
Ra SQL Server 2005 一 SQL Server Management Studio 
本 ss 可 命令 ， 在 弹出 的 “连接 到 服务 器 ”对 话 框 中 选择 


验证 方式 (本 例 选择 “Windows 身份 验证 ” 方 
守 式 )， 再 单 击 “ 连 接 ”按钮 连接 数据 库 服务 器 。 


六 你 所 电镜 人 ) 视图 中 工具 人 窗口 如 社区 人 才 吉 
六 | 访 访 囊 访 | 区 由 加 | 防 目 队 辽 了 


| 
EPEs Er 


串 2 右 击 “数据 库 ” 节 点 ， 在 弹出 的 快捷 
菜单 中 选择 “新 建 数据 库 ” 命 令 ， 打 开 


连 控 @ - | 及 册 日 了 
ot 


EF 数据 库 
“新 建 数据 库 ” 对 话 框 。 本 Dts pe 
节理 


囊 3 在 “数据 库 名 称 ” 文 本 框 中 输 
入 数据 库 名 称 ， 单 击 “ 确 定 ” 按 钮 
创建 数据 库 。 
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“自动 增长 ”用 于 控制 
文件 在 达到 其 最 大 文件 
大 小 时 的 扩展 方式 


“路 径 ”用 于 显 


EL 一 x 
en 示 和 设置 数据 库 
ee 单 击 “ 添 加 ”按钮 可 将 文件 的 保存 路 径 
es 新 文件 添加 到 数据 库 中 
吕 


[ES 


懂 条 电脑 一 动态 网 站 设计 基础 与 应 用 


实例 2 创建 网 上 商城 用 户 数 据 表 
下 面 以 创建 网 上 商城 用 户 数据 表 为 例 ， 介 绍 新 建 数据 表 的 具体 操作 。 


Ai croseft SQL Server Bansgenent Stadio 
文件 ZJ) 编辑 区 ) 视图 WD 工具 中 窗口 WD 社区 C) 帮助 0D 


明神 沿 WD | 出售 启 芒 | 访 | 芒 司 辐 | 访 晶 从 了 芒 了 了 

四 [FRR 
填 日 过 了 | 芽 藉 中 ]- 蝇 
国 表 


数据 库 \shop\ 表 1 项 


器] 逐 级 展开 当前 服务 器 下 数据 库 目 录 中 
的 shop 数据 库 节 点 ， 右 击 shop 目录 中 的 
“ 表 ” 节 点 ， 在 弹出 的 快捷 菜单 中 选择 
“新 建 表 ”命令 ， 打 开 表 设计 窗口 。 


mT | 
SB SQL Server 9.0.1399 - DWAdninistrator) | 
昌国 数 据 库 | 


TT 


争 2 按 右 图 所 示 ， 输 入 每 一 行 定义 ， 此 处 每 一 行 代 = 上 
表 新 建 数据 表 中 的 每 一 列 (字段 )。 当 输入 id 字段 ey 时 
时 ， 在 “ 列 属性 ” 窗 格 中 展开 “标识 规范 ”， 将 加 P 
“是 标识 ”下 拉 列 表 框 设置 为 “是 ”， 单 击 “ 保 < 一 ND 已 
存 ”按钮 打开 “选择 名 称 ” 对 话 框 。 时 es 号 
E> os ey E 
J am varchar(s0) 加 
youblan varchar(50) ra 
shijanl Varchar(50) a 
| ti varchar(50) a 
字段 前 标 有 黑色 三 角 标 J~ Cm | 
号 ， 表 示 该 字段 为 当前 -一 
正在 定义 的 字段 丽 
标识 增 量 1 p= | 
标识 种 子 1 
不 用 于 复制 理 十 
《是 标识 ) 


中 提 示 办 


“标识 规范 ”用 于 唯一 确定 一 条 记录 。 它 具有 3 个 特点 : 列 的 数据 类 型 为 不 带 小 
数 的 数值 型 ; 在 进行 插入 记录 操作 时 ， 该 列 的 值 由 系统 按 一 定 规律 自动 生成 ， 不 允许 
为 空 值 ; 列 值 不 重复 ， 具 有 标识 表 中 每 一 行 的 作用 ， 且 每 个 表 中 只 能 有 一 个 标识 列 。 


“标识 种 子 ” 是 指派 给 表 中 第 一 行 的 值 ， 默 认为 1。 “标识 增 量 ”用 于 设置 两 个 标识 值 
之 间 的 增 量 ， 默 认为 1。 


在 表 设计 窗 格 中 每 一 列 的 含义 如 下 。 

@ 列 名 : 代表 数据 表 中 的 字段 名 。 

@ 数据 类 型 : 字段 的 数据 类 型 ， 光 标 移 动 到 该 列 时 会 出 现下 拉 箭 头 ， 单 击 下 拉 箭头 
可 在 打开 的 下 拉 列表 框 中 选择 数据 类 型 。 

@ ”人 允许 空 ， 字段 是 否 允 许 为 空 值 。 如 果 该 项 被 选中 (标识 为 V)， 则 允许 该 字段 为 空 
值 ， 否 则 不 允许 为 空 值 。 


IC50BEE 


一 一 捉 3 输入 数据 表 名 称 ， 单 击 “ 确 定 ”按钮 关闭 数 
据 表 ， 此 时 ， 在 shop 数据 库 的 表 视图 中 可 看 到 
新 创建 的 数据 表 user。 


在 设计 表 结 构 时 ， 除 非 是 很 重要 的 字段 (如 主键 )， 设 置 为 不 允许 为 空 值 ， 其 余 字段 


通常 都 设置 为 允许 为 空 值 ， 这 样 可 以 减少 程序 出 错 。 如 果 想 更 改 表 结构 ， 可 右 击 数据 
表 ， 在 弹出 的 快捷 菜单 中 选择 “修改 ”命令 ; 如 果 要 删除 表 ， 可 在 表 视 图 中 右 击 数据 
表 ， 在 弹出 的 快捷 菜单 中 选择 “删除 ”命令 。 


11.5 ”数据 库 操作 


实例 3 添加、 删除 与 修改 网 上 商城 用 户 表 记 录 


下 面 以 为 用 户 表 user 添加 用 户 记 录 为 例 ， 介 绍 如 何 管理 SQL Server 数据 表 中 的 
数据 。 


添加 记录 的 表 
中 选择 “打开 表 ” 


ol 一 一 令 1 展开 表 节 点 ， 右 击 
E user， 在 弹出 的 快捷 菜单 
命令 ， 打 开 表 编辑 窗 格 。 


文件 中 护 辑 纪 ) i Fr 工具 加 窗口 和 社区) 帮助 和 0) 
屋 交 去 光 | 入 | 动 溃 名 | 局 | 芒 居 生 | 人防 日 只 防 了 了 

捉 》 直接 在 记录 行 中 输入 相应 数据 可 一 ;总 问号 加 | sxsw- ? 
添加 记录 ; 若 要 修改 记录 ， 在 记录 行 。 帮 本 EE | 到 -= 
的 相应 字段 下 删除 旧 数 据 ， 添 加 新 数 
据 即 可 ; 右 击 选中 的 记录 ， 在 弹出 的 
快捷 菜单 中 选择 “删除 ”命令 ， 或 按 
Delete 键 ， 可 删除 所 选 记录 。 


1 
ME 


提示 


设置 为 “标识 列 ” 的 字段 id 的 值 不 必 添 加 ， 系 统 会 自动 为 其 添加 值 。 单 击 某 一 记 
录 行 左 端 单元 格 (黑色 三 角 标号 所 在 列 )， 可 选中 该 行 。 在 按 住 Shift 键 的 同时 ， 单 击 某 


两 条 记录 左 端 单元 格 ， 可 选中 这 两 条 记录 间 的 所 有 记录 。 


> 


-------.@EOE.-------- 
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快 条 G 电 脑 一 动 丰 风 站 这 让 基础 与 应 用 
实例 4 ”为 网 上 商城 用 户 表 创建 索引 


当 数 据 表 中 的 记录 很 多 时 ， 直 接 查 找 某 些 记录 会 耗费 过 多 的 时 间 ， 这 时 可 以 对 数据 表 
创建 索引 。 

索引 是 对 数据 表 中 一 列 或 多 列 的 值 进行 排序 的 一 种 结构 ， 使 用 索引 查找 数据 ， 好 比 在 
书 中 使 用 目录 查找 相对 应 的 内 容 一 样 ， 无 须 对 整个 表 进 行 扫描 ， 从 而 提高 数据 库 的 访问 
效率 。 

创建 索引 时 ， 通 常 只 需要 对 数据 表 中 具有 代表 性 的 字段 (如 用 户 名 、 会 员 号 等 ) 建 立 索 
引 ， 其 余 字 段 无 须 建立 索引 。 下 面 以 为 网 上 商城 用 户 表 建 立 索 引 为 例 ， 介 绍 创建 数据 表 索 
引 的 具体 操作 。 


Ry py TIE ETTT 工具 四 从 DID 社区 C) 帮助 人 D 
及 8D | 鹿 | 翅 十 镶 | 忆 | 区 央 名 | 也 日 队 辽 也 局 中 1 展开 user 表 节 点 ， 右 击 “ 索 引 ” 选 


和 项 ， 在 弹出 的 快捷 菜单 中 选择 “新 建 索 
[a 引 ”命令 ， 打 开 “ 新 建 索 引 ” 对 话 框 。 


促 2 在 “索引 名 称 ” 文 
本 框 中 输入 索引 名 称 ， 
单 击 “ 添 加 ”按钮 ， 在 
打开 的 对 话 框 中 选择 索 一 上 El 
引 关 键 字 ， 本 例 选择 ”| pss 

name 字段 ， 然 后 连续 单 
击 “ 确 定 ”按钮 即 可 创 | spss 
建 索引 。 


数据 表 中 建立 的 索引 越 多 ， 修 改 或 删除 记录 时 ， 服 务 器 用 于 维护 索引 花费 的 时 间 
就 越 多 。 当 不 需要 某 些 索引 时 ， 可 以 展开 “索引 ”节点 ， 右 击 要 删除 的 索引 ， 选 择 
“删除 ”命令 将 其 删除 ; 如 果 要 修改 索引 ， 可 选择 “属性 ”命令 对 索引 进行 编辑 。 


C5 EE 


> EI 上 部 署 网 上 商城 网 站 一 一 网 上 商城 制作 由 完善 


实例 5 备份 和 还 原 网 上 商城 数据 库 

备份 数据 库 是 指 对 数据 库 或 事务 日 志 进行 备份 ， 当 系统 、 磁 盘 或 数据 库 文件 损坏 时 ， 
可 以 使 用 备份 文件 对 数据 库 进 行 恢复 ， 避 免 数 据 丢 失 。 

还 原 数据 库 就 是 使 用 数据 库 备份 文件 对 数据 库 进 行 还 原 操作 。 


1. 备份 数据 库 
下 面 以 备份 网 上 商城 数据 库 shop 为 例 ， 介 绍 备份 数据 库 的 具体 操作 。 
文件 四 坟 各 加、 视 四 项 2 pr ya , 
全 WE | 让 | 也 也 罗 | 记 | 交加 EE 
“| 展开 数据 库 节点 ， 右 击 要 
四 9 点 ， 右 击 要 备份 的 数据 
上 库 shop， 选 择 “任务 ”一 “备份 ”命令 ， 中 
打开 “备份 数据 库 ” 对 话 框 。 .。 
a 
在 “数据 库 ” 下 拉 
习 列表 框 中 可 以 选择 
TI 要 备份 的 数据 库 
a 
有 
在 “备份 类 型 ”下 拉 列 表 框 E 蝎 
中 可 以 选择 数据 库 的 备份 类 © @ 
区 本 守 s 
sale GS 到 @ 
下 [sher- 革 得 碌 括 库 备 从 Wb 
ne @ 
中 2 单 击 “确定 ” 按 一 ec EuTxgEB: FP 
钮 ， 在 弹出 的 对 话 框 中 ja cm Ed 四 
单 击 “确定 ”按钮 完成 。 | gs a es n 
数据 库 的 备份 。 Eee 
是 
单 击 “ 添 加 ”按钮 ， 在 弹出 有 
的 对 话 框 中 可 以 设置 备份 广 a 
件 的 文件 名 和 保存 路 径 8 
Cs] mw li ' 


一 般 备 份 可 以 分 为 三 类 : 数据 备份 、 差 异 备份 以 及 在 完整 和 大 容量 日 志 恢 复 模 式 下 的 
事务 日 志 备 份 。 
@ ”数据 备份 是 指 包 含 一 个 或 多 个 数据 文件 的 完整 映像 的 任何 备份 。 数 据 备 份 会 备份 
所 有 数据 和 足够 的 日 志 ， 以 便 恢复 数据 。 
@ ”差异 备份 基于 之 前 进行 的 数据 备份 ， 称 为 差异 的 “基准 备份 ”。 每 种 主要 的 数据 
备份 类 型 都 有 相应 的 差异 备份 。 基 准备 份 是 差异 备份 所 对 应 的 最 近 完 整 或 部 分 备 
份 。 差 异 备 份 仅 包 含 基准 备份 之 后 更 改 的 数据 区 。 在 还 原 差 异 备 份 之 前 ， 必 须 先 


“mses9l 


@ 事务 日 志 备份 (也 称 为 “日 志 备份 ”) 中 包括 了 在 前 一 个 日 志 备份 中 没有 备份 的 所 
有 日 志 记录 。 只 有 在 完整 恢复 模式 和 大 容量 日 志 恢 复 模式 下 才 会 有 事务 日 志 


备份 。 
2. 还 原 数据 库 


当 数 据 库 中 的 数据 丢失 或 遭 到 破坏 时 ， 如 果 数 据 库 进行 了 备份 ， 
还 原 数 据 库 。 下 面 以 还 原 网 上 商城 数据 库 shop 为 例 ， 


收缩 人 @) 


icronoft SOL Sar757 
文件 编辑 于) 视图 WW 项 目 EE) 
a A 备份 @) 


的 一 一 动态 网 站 设计 基础 与 应 用 


则 可 以 使 用 备份 文件 
介绍 数据 库 的 还 原 操作 。 
捉 1 展开 数据 库 节点 ， 右 击 要 还 原 的 数据 库 


shop， 选 择 “ 任 务 ” 一 
库 ” 命 令 ， 


“还 原 ” 一 “数据 


打开 “还 原 数 据 库 ” 对 话 框 。 


单 击 按钮 国 ， 在 弹出 的 对 
话 框 中 可 以 指定 将 数据 库 
还 原 到 备份 的 最 近 可 用 由 
间 ， 或 还 原 到 特定 时 间 点 


审 2 选择 要 还 原 的 备份 文 | 
件 ， 单 击 “ 选 项 ”按钮 
切换 到 “选项 ”界面 。 


和 项 兴 作 过 择 现 有 数 提 宇 的 各 条 下 键入 新 数 妆 库 名 次 K 4 

日 4 下腹 床 0)- Fr al 

目 村 交点) 性 一 .| 
还 原 的 源 

指 斌 用 于 还原 的 各 份 集 的 涯 位 置 

人 所 ): Cs 

个 证 各 中- [ 品 

过 摊 用 于 正 折扣 音 份 集 

EE EI TI ET 

Ey 


源 设备 :选择 一 个 或 者 多 个 磁带 或 磁盘 作为 备份 集 的 源 。 单 击 
选择 一 个 或 多 个 设备 。 


1C60) 


“浏览 ”按钮 回 可 以 


» 第 11 章 S 一 网 上 商城 制作 月 完 善 


审 3 选中 “覆盖 现 
有 数据 库 ” 复 选 
框 ， 单 击 “ 确 定 ” 
按钮 。 


捉 4 在 弹出 的 对 话 框 中 单 击 “ 确 定 ” 一 
按钮 ， 完 成 数据 库 的 还 原 操作 。 


实例 6 分离 和 附加 网 上 商城 数据 库 


如 果 想 将 数据 库 源 文件 复制 到 其 他 存储 介质 (如 光盘 、U 盘 )， 需 要 先 将 数据 库 从 数据 
库 服务 器 中 分 离 ， 否 则 无 法 复制 ， 如 果 想 使 用 某 一 数据 库 中 的 数据 ， 需 要 先 将 其 附加 到 数 
据 库 服务 器 中 ， 否 则 无 法 访问 该 数据 库 。 

分 离 数据 库 指 将 数据 库 从 数据 库 服务 器 中 分 离 出 去 。 注 意 : 被 分 离 的 数据 库 并 没有 被 
删除 ， 依 然 保存 在 原 存储 位 置 ， 如 果 想 再 次 使 用 ， 可 以 通过 附加 数据 库 操作 ， 将 其 添加 到 
数据 库 服务 器 中 。 

附加 数据 库 指 将 数据 库 添加 到 数据 库 服务 器 中 ， 前 提 是 存在 数据 库 文件 或 数据 库 日 志 
文件 。 


1. 分 离 数 据 库 
下 面 以 分 离 网 上 商城 数据 库 shop 为 例 ， 介 绍 数 据 库 的 分 离 操作 。 


捉 1 展开 数据 库 节 点 ， 右 击 要 分 离 的 数据 
库 ， 在 弹出 的 快捷 菜单 中 选择 “任务 ”一 
“分 离 ” 命 令 ， 打 开 “ 分 离 数据 库 ”对 
话 框 。 


gg (1 


设计 基础 与 应 用 


“删除 连接 ”表示 断 开 

与 指定 数据 库 的 连接 。 捉 2 选中 “删除 连接 ” 
注意 : 不 能 分 离 连接 为 ee 
活动 状态 的 数据 库 按钮 分 离 数 据 库 。 


2. 附加 数据 库 
下 面 以 附加 上 一 小 节 被 分 离 的 网 上 商城 数据 库 shop 为 例 ， 介 绍 数 
EL 


捉 1 右 击 数据 库 节 点 ， 在 弹出 的 快 
捷 菜 单 中 选择 “附加 ”命令 ,打开 一 一 


“附加 数据 库 ” 对 话 框 。 


有 阶 川 到 吴 库 


钊 2 单 击 “添加 ”按钮 打开 
“定位 数据 库 文件 ”对 话 框 。 


inistrator 


I 


朋 全 路 径 中) 了 rom Files\Wierosoft SQL Server\SSQL 1\SSQL\Date 
文件 类型 0D); 数据 库 文件 -mdf) 了 
文件 名 0 shop mdf 


到 


CD mw 
4 


11.6 创建 网 上 商城 数据 库 中 所 有 表 


SQL Server 数据 库 shop 的 结构 与 前 面 创建 的 Access 数据 库 结构 相同 ， 只 是 数据 表 中 
字段 的 类 型 有 所 区 别 。 网 上 商城 数据 库 的 11 个 数据 表 结 构 如 下 。 


实例 7 创建 管理 员 表 
网 上 商城 管理 员 表 (admin) 的 结构 如 下 表 所 示 。 


种 3 查找 并 选择 要 附加 的 数据 库 ， 然 后 
连续 单 击 “ 确 定 ”按钮 附加 数据 库 。 


-GEG---------- 


字段 名 称 数据 类 型 说 明 
id 长 整 型 数字 (bigint 用 户外 
username 文本 (varchar(50)) 用 户 名 
pass 文本 (varchar(50)) 用 户 密码 
mail 文本 (varchar(50)) 用 户 电子 邮箱 
xineming 文本 (varchar(50)) 真实 姓名 
tel 文本 (varchar(50)) 联系 电话 
dizhi 文本 (varchar(50)) 家 庭 住址 
vip 数字 (int) 标识 用 户 的 权限 


实例 8 创建 用 户 表 
网 上 商城 用 户 表 (user) 的 结构 如 下 表 所 示 。 


“Cl 


快 条 让 胶 一 动态 网站 设计 基山 与 应 放 


字段 名 称 数据 类 型 说 明 
志 长 整 开 数字 (iiging | 8 。 | 是 | 自动 篇 SD 
name 文本 (varchar(50)) 50 用 户 名 
pass 文本 (varchar(50)) 50 用 户 密码 
mail 文本 (varchar(50)) 50 用 户 电 子 邮 箱 
xingming 文本 (varchar(50)) 50 真实 姓名 
shenfenzheng 文本 (varchar(50)) 50 身份 证 
tel 文本 (varchar(50)) 50 联系 电话 
qq 文本 (varchar(50)) 50 QQ 联系 方式 
tishi 文本 (varchar(50)) 50 密码 保护 问题 
huida 文本 (varchar(50)) 50 密码 保护 答案 
dizhi 文本 (varchar(50)) 50 家 庭 住址 
youbian 文本 (varchar(50)) 一 2 一 一 一 一 - 邮政 编码 
shijianl 文本 (varchar(50)) 用 户 注册 时 间 
shijian2 文本 (varchar(50)) 本 | 最 后 登录 时 间 
Cishu 数字 (int) |- | | | 登录 次 数 


实例 9 创建 商城 公告 表 


网 上 商城 公告 


字段 名 称 


实例 10 


| 


长 整 型 数字 (bigint) 


创建 站 内 新 闻 表 


表 (gonggao) 的 结构 如 下 表 所 示 。 


站 
动 编号 ID 


网 上 商城 站 内 新 闻 表 (news) 的 结构 如 下 表 所 示 。 


字段 名 称 数据 类 型 说 明 
id 长 整 型 数字 (bigint) 自动 编号 ID 
user 文本 (varchar(50)) 新 闻 发 布 用 户 
biaoti 文本 (varchar(50)) | 新 闻 标 题 
neiron 文本 (text) 新 闻 内 容 
shijian 文本 (varchar(50)) i 新 闻 发 布 时 间 

实例 11 创建 商品 信息 表 

网 上 商城 商品 信息 表 (shangpin) 的 结构 如 下 表 所 示 。 


(264) ees 
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字段 名 称 是 否 标识 列 说 明 
id | kK 力 丽 数 守 bigin) | 8 | 是 自动 编号 
Imingcheng 文本 (varchar(50)) 50 商品 名 称 
xinghao 文本 (varchar(50)) 商品 型 号 
denpji 文本 (varchar(50)) 0 商品 等 级 
shichang 文本 (varchar(50)) 50 市 场 价格 
huiyuan 文本 (varchar(50)) 50 会 员 价 格 
bigclassid 长 整 型 数字 (bigint) 8 关联 大 类 ID 
classid 长 整 型 数字 (bigint) 8 关联 分 类 ID 
tupian 文本 (varchar(50)) 50 商品 图 片 路 径 
shuliang 文本 (varchar(50)) 50 商品 数量 
shuoming 文本 (texb 16 商品 说 明 
jianjie 文本 (varchar(50)) 50 商品 简介 
beizhu 文本 (texb 16 商品 备注 
riqi 文本 (varchar(50)) 50 上 架 时 间 
cishu [us | 4 | 单 击 次 数 


实例 12 ”创建 商品 大 类 表 
网 上 商城 商品 大 类 表 (bigclass) 的 结构 如 下 表 所 示 。 


字段 大 小 i 
长 整 型 数字 (bigint) | 8 | 


数字 (inb 
实例 13 创建 商品 分 类 表 
网 上 商城 商品 分 类 表 (class) 的 结构 如 下 表 所 示 。 


| 
[| 


-=-=====s 人 EOE.-------- 


自动 编号 人 D 
分 类 名 称 
分 类 排序 


— 
bigclassid 整 型 数字 (bigint) 

实例 14 创建 商品 评论 表 

网 上 商城 商品 评论 表 (pinglun) 的 结构 如 下 表 所 示 。 

字段 名 称 说 明 
id 长 加 型 数 字 (bigint) 全 | 
mingcheng x#eachals0) | w% | | 
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续 表 
字段 名 称 数据 类 型 说 明 
shangpinid 长 整 型 数字 (bigint) 关联 商品 人 D 
pinglun 文本 (text) 评论 内 容 
shijian 文本 (varchar(50)) 评论 时 间 
实例 15 创建 用 户 订 单 表 
网 上 商城 用 户 订单 表 (dingdan) 的 结构 如 下 表 所 示 。 
字段 名 称 数据 类 型 字段 大 小 是 否 标识 列 说 明 
id 长 整 型 数字 (bigint) 8 是 自动 编号 ID 
shangpin 文本 (varchar(50)) 50 商品 名 称 
shijian 文本 (varchar(50)) 50 订货 时 间 
shuliang 文本 (varchar(50)) 50 商品 数量 
zhuangtai 文本 (varchar(50)) 50 订单 状态 
shoujianren 文本 (varchar(50)) | ss0 | 收 件 人 
Ee 文本 (varchar(50) 。 | 50 | |[ 送 货 地 址 
zhifu 文本 (varchar(50)) | 50 | | 支付 方式 
songhuo 文本 (varchar(50)) | 50 | | 送 货 方式 
oubian 文本 (varchar(50)) | 50 | | 邮政 编码 
tel 文本 (varchar(50)) | 50 | | 联系 电话 
mail 文本 (varchar(50)) 50 | | 电子 邮箱 
didanhao 文本 (varchar(50)) | so | | 订单 号 
liuyan 文本 (text) | 1 | | 顾客 留言 
name 文本 (varchar(50)) | ss0 | | 用 户 名 
实例 16 创建 用 户 反馈 表 
用 户 反馈 表 (fankui) 的 结构 如 下 表 所 示 。 
字段 名 称 说 明 
id 长 整 型 数字 (biginb 8 是 自动 编号 ID 
shijian 文本 (varchar(50)) 反馈 时 间 
User 文本 (varchar(50)) 反馈 人 
biaoti 文本 (varchar(50)) 标题 
neirong 文本 (text) 反馈 内 容 
leixing 文本 (char) 反馈 类 型 


实例 17 创建 用 户 留 言 表 
网 上 商城 用 户 留言 表 (liuyan) 的 结构 如 下 表 所 示 。 


E60) 


| — ET 


字段 名 称 一 全 一 一 [ee 说 明 


Id | 长 束 型 数字 ising | 自动 编号 了 D 


shijian 文本 (varchar(50)) -一 十 言 时 间 
User 文本 (varchar(50)) 留言 用 户 
biaoti 文本 (varchar(50)) 标题 


| 留言 内 容 
11.7 ”连接 SQL Server 数据 库 


实例 18 通过 OLE DB 连接 SQL Server 数据 库 


在 连接 SQL Server 数据 库 之 前 ， 必 须 确定 要 连接 的 数据 库 已 经 被 附加 到 数据 库 服 务 
器 中 ， 且 登录 数据 库 的 用 户 名 和 密码 正确 无 误 。 

将 网 上 商城 网 站 与 SQL Server 数据 库 shop 连接 的 代码 如 下 。 

< 名 

SqlDatabaseName = "shop" 

SqlUsername = "sa" 

SqlPassword = 123456 

Dim Conn,Connstr 

Set Conn = Server.CreateObject ("ADODB.Connection") 

ConnStr = "Provider = Sqloledb; Data source=D; User ID = " & SqlUsername 

& "; Password = " & SqlPassword & "; Initial Catalog = " & 

SqlDatabaseName & ";" 

Conn.Open Connstr 

%> 


本 例 中 相关 变量 说 明 如 下 。 

@ ”SqlDatabaseName 变量 : 用 于 保存 数据 库 名 称 。 

@ ”SqlUsemame 变量 : 用 于 保存 数据 库 账 户 。 

@ ”SqlPassword 变量 : 用 于 保存 账户 密码 。 

@ Conn 变量 : 用 于 保存 Connection 对 象 的 一 个 实例 。 
通过 OLE DB 连接 SQL Server 数据 库 的 语法 格式 如 下 。 


<% 

Dim Conn, StrConn 

Set Conn=Server.CreateObject ("ADODB.Connection") 
StrConn="Provider=SQLOLEDB;Data Source=server;initial 
catelog=dbname;User Id=sa;Pa ssword =pass;" 

Conn .Open strConn 

各 > 


参数 说 明 如 下 。 

@ ”Provider: 表示 数据 库 的 提供 者 ， 连 接 不 同 的 数据 库 时 ， 其 值 不 同 。 
@ Data Source: 表示 服务 器 名 称 。 

@ initial catelog: 指定 数据 源 名 称 。 
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11.8 测试 和 运行 网 上 商城 网 站 


下 面 以 运行 网 上 商城 网 站 为 例 ， 介 绍 如 何在 Windows 2003 下 测试 和 运行 ASP 网 站 。 

(1) 将 shop 网 站 源 文件 conn.asp 和 connl.asp 中 连接 Access 数据 库 的 源 代码 替换 为 
11.6 节 中 连接 SQL Server 数据 库 的 源 代码 。 

(2) 启动 HS， 展 开 “ 网 站 ”节点 ， 右 击 “ 默 认 网 站 ”选项 ， 选 择 “ 属 性 ”命令 ， 如 
下 图 所 示 ， 打 开 “ 默 认 网 站 属性 ”对 话 框 。 


F:\Pregran FilesWlicros 
Fi:\Progran FilesWicros 


四 
由 克 re 和 展 ” 
和 各 黑人 SITP 虚拟 服务 器 


(3) 切换 到 “ 主 目录 ”选项 卡 ， 在 该 选项 卡 中 设置 “本 地 路 径 ” 为 网 上 商城 网 站 的 根 
目录 ， 如 左下 图 所 示 。 

(4) 切换 到 “文档 ”选项 卡 ， 在 该 选项 卡 中 单 击 “ 添 加 ”按钮 ， 添 加 index.asp 文 
档 ， 并 将 该 文档 移动 到 默认 文档 列表 框 中 的 首位 置 ， 然 后 单 击 “ 确 定 ”按钮 ， 完 成 网 站 属 
性 的 设置 ， 如 右 下 图 所 示 。 


定义 1 
Sr 作 全 训 | me | 


i 


局 用 文档 页 肢 @) 
[i ML 格式 的 页 脚 到 | 绝 的 Web 服务 器 返回 的 每 一 个 文 


TY Ms 


应 用 程序 池 0D) Defanl tAppPool GT) | 


Cue ]_ we | saw | ww | 


(5) 启动 正 浏览 器 ， 在 地 址 栏 中 输入 http://localhost， 按 Enter 键 ， 即 可 打开 网 站 首 
页 ， 如 下 图 所 示 。 

(6) 注册 一 个 新 用 户 ， 购 买 一 些 商 品 ， 测 试 网 站 中 的 超级 链接 ， 以 及 网 站 对 数据 库 的 
访问 是 否 正 常 。 


C6 


Te 时 


间 与 答 


高 ; 安装 SQL Server 时 需要 注意 哪些 事项 ? 

管 ， 安 装 SQL Server 之 前 需要 注意 如 下 事项 。 

@ ”关闭 所 有 可 能 与 SQL Server 系统 有 关 的 服务 和 应 用 程序 。 包 括 所 有 利用 数据 源 

ODBC 的 应 用 程序 ， 以 及 Windows 自 带 的 IS。 

@ ”如 果 打 开 了 Windows 的 事件 查看 器 ， 请 先 关 闭 该 查看 器 。 

@ ”如 果 运 行 管理 或 修改 注册 表 的 任何 程序 ， 如 REGEDIT32， 请 先 关 闭 。 

@ 在 安装 SQL Server 之 前 ， 先 以 拥有 管理 员 权限 的 账号 登录 操作 系统 。 

间 ; 字段 类 型 varchar 和 char 有 何 区 别 ? 

管 ，varchar 对 每 个 英文 (ASCID 字 符 都 占用 2 个 字 节 ， 对 一 个 汉字 也 占用 两 个 字 
节 。char 对 英文 (ASCID 字 符 占 用 1 个 字 节 ， 对 一 个 汉字 占用 2 个 字 节 。varchar 的 宽度 是 
可 变 的 ，char 的 宽度 是 固定 的 。 比 如 ，varchar(100) 的 值 是 "qian"， 则 它 的 值 就 是 "qian"， 
而 char 不 一 样 ， 比 如 char(100) 的 值 是 "qian"， 而 实际 上 它 在 数据 库 中 是 "qian"(qian 后 共有 
96 个 空格 ， 就 是 把 它 填 满 为 100 个 字 节 )。 由 于 char 的 长 度 固定 ， 所 以 它 的 存 取 速度 会 比 
varchar 快 很 多 ! 但 程序 处 理 要 麻烦 一 些 ， 需 要 使 用 trim 之 类 的 函数 去 掉 两 侧 空格 。 

间 ， 什么 是 聚集 索引 ? 

管 ， 聚 集 索引 是 一 种 索引 ， 该 索引 中 键 值 的 逻辑 顺序 决定 了 表 中 相应 行 的 物理 顺 
序 。 因 此 一 个 数据 表 只 能 包含 一 个 聚集 索引 。 使 用 聚集 索引 找到 包含 第 一 个 值 的 记录 之 
后 ， 便 可 以 确保 包含 后 续 索 引 值 的 记录 行 物理 相 邻 。 例 如 ， 如 果 应 用 程序 执行 的 一 个 查询 
经 常 检索 某 一 日 期 范围 内 的 记录 ， 则 使 用 聚集 索引 可 以 迅速 找到 包含 开始 日 期 的 记录 行 ， 
然后 检索 表 中 所 有 相 邻 的 行 ， 直 到 到 达 结 束 日 期 。 这 样 有 助 于 提高 此 类 查询 的 性 能 。 


经 东 和 东 


利用 本 章 所 学 知识 在 Windows 2003 系统 下 的 IIS 中 创建 一 个 新 站 点 ， 命 名 为 
shopping， 然 后 在 该 站 点 中 运行 “素材 与 实例 \ 第 11 章 \shop(sqg) ”文件 夹 中 的 网 站 源 
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文件 。 


后 ， 右 击 “ 网 站 ”节点 ， 选 择 “ 新 建 ”一 “网 站 ”命令 ， 可 打开 站 点 创建 


创建 站 点 后 ， 将 网 站 源 文件 从 光盘 复制 到 电脑 硬盘 ， 并 将 shopping 站 点 的 主 目录 
指向 该 文件 夹 ， 然 后 将 站 点 文件 夹 database 中 的 数据 库 附加 到 数据 库 服务 器 中 。 
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附录 ) 


1. VBScript 语法 错误 


如 果 VBScript 语句 结构 违反 了 一 个 或 多 个 VBScript 脚本 语 
VBScript 语法 错误 ， 错 误 通 常 在 执行 程序 前 和 编译 程序 时 产生 。 


VBScript 语法 错误 。 


ASP 常见 错 滤 大 多 


语法 规则 ， 就 会 产生 
下 表 是 Microsoft 


错误 代码 说 明 
Ox800A03E9 内 存 不 足 
Ox800A03EA 语法 错误 
0x800A03EB 缺少 “:” 
0x800A03ED 缺少 “(” 
Ox800A03EE 缺少 “)” 
Ox800A03EF 缺少 “]” 
Ox800A03F2 缺少 标识 符 
Ox800A03F3 缺少 “=” 
Ox800A03F4 缺少 “If” 
Ox800A03F5 缺少 “Tl 
Ox800A03F6 缺少 “End” 
Ox800A03F7 快 少 “Function” 
Ox800A03F8 缺少 “Sub” 
Ox800A03F9 决 少 “Then” 
Ox800A03FA 缺少 “Wend” 
Ox800A03FB 屿 少 “Loop” 
Ox800A03FC 缺少 “Next” 
Ox800A03FD 缺少 “Case” 
Ox800A03FE 缺少 “select” 
Ox800A03FF 缺少 表达 式 
Ox800A0400 缺少 语句 
Ox800A0401 语句 未 结束 
0x800A0402 缺少 整 
Ox800A0403 缺少 “While” 或 “Until” 
Ox800A0404 缺少 “While”、“Until” 或 语句 未 结束 
Ox800A0405 缺少 “With” 
Ox800A0406 标识 符 过 长 
0x800A0407 无 效 数字 
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续 表 
错误 代码 说 明 
Ox800A0408 无 效 字符 
Ox800A0409 未 结束 的 字符 串 常量 
0x800A040A 注释 为 结束 
0x800A040D 无 效 使 用 “Me” 关 键 字 
Ox800A040E “loop” 语 句 缺 少 “do” 
Ox800A040F 无 效 的 “exit” 语 句 
Ox800A0410 循环 控制 变量 “for” 无 效 
Ox800A0411 名 称 重 定义 
Ox800A0412 必须 是 行 中 的 第 一 个 语句 
Ox800A0413 不 能 为 non-ByVal 参数 赋值 
Ox800A0414 调用 子 程序 时 不 能 使 用 括号 
Ox800A0415 缺少 文字 常数 
Ox800A0416 缺少 “In” 
Ox800A0417 缺少 “Class” 
Ox800A0418 必须 在 一 个 类 的 内 部 定义 
Ox800A0419 在 属性 声明 中 缺少 “Let”、“Set” 或 “Get” 
Ox800A041A 缺少 “Property” 
Ox800A041B 在 所 有 属性 的 规范 中 ， 变 量 的 数目 必须 一 至 
Ox800A041C 在 一 个 类 中 不 允许 有 多 个 默认 的 属性 /方法 
0x800A041D 类 的 初始 化 或 终止 程序 没有 参数 
Ox800A041E 属性 的 set 或 let 必须 至 少 有 一 个 参数 
Ox800A041F 错误 的 “Next” 
Ox800A0420 “Default” 只 能 在 “Property”，“Function” 或 “Sub” 中 指定 
Ox800A0421 指定 “Default” 时 必须 同时 指定 “Public” 
Ox800A0422 只 能 在 Property Get 中 指定 “Default” 
2. VBScript 运行 时 错误 
如 果 VBScript 脚本 执行 系统 无 法 实施 的 操作 ， 则 会 产生 VBScript 运行 时 错误 。 只 有 


在 运行 脚本 、 为 变量 表达 式 赋 值 或 分 配 内 存 时 ， 才 会 产生 VBScript 运行 时 错误 。 下 表 是 
常见 的 Microsoft VBScript 运行 时 的 错误 。 


错误 代码 说 明 
Ox800A0005 无 效 的 过 程 调用 或 参数 
Ox800A0006 溢出 
0x800A0007 内 存 不 足 
Ox800A0009 下 标 越界 
Ox800A000A 该 数组 为 定 长 的 或 临时 被 锁定 
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> [FET 2 
Se 


续 表 

错误 代码 说 明 
Ox800A000B 被 零 除 
0x800A000D 类 型 不 匹配 
Ox800A000E 字符 串 空 间 不 够 
Ox800A0011 不 能 执行 所 需 的 操作 
Ox800A001C 堆栈 溢出 
Ox800A0023 未 定义 过 程 或 函数 
Ox800A0030 加 载 DLL 时 出 错 
Ox800A0033 内 部 错误 1 
Ox800A0034 错误 的 文件 名 或 号 码 上 
Ox800A0035 文件 未 找到 有 
Ox800A0036 错误 的 文件 模式 
0x800A0037 文件 已 经 打开 1 
Ox800A0039 设备 IO 错误 n 
Ox800A003A 文件 已 存在 a 
Ox800A003D 磁盘 已 满 - 
Ox800A003E 输入 超出 了 文件 尾 GB 
Ox800A0043 - 件 过 多 @ 
Ox800A0044 设备 不 可 用 @@ 
Ox800A0046 没有 权限 如 
0x800A0047 磁盘 没有 准备 好 
Ox800A004A 重 命名 时 不 能 带 有 其 他 驱动 器 符号 电 
0x800A004B 路 径 / 文 件 访问 错误 上 
Ox800A004C 路 径 未 找到 a 
0x800A005B 对 象 变量 未 设置 , 
Ox800A005C For 循环 未 初始 化 a 
Ox800A005E 无 效 使 用 Null 和 
Ox800A0142 不 能 创建 所 需 的 临时 文件 
Ox800A01A8 缺少 对 象 
Ox800A01AD ActiveX 部 件 不 能 创建 对 象 
Ox800A01AE 类 不 能 支持 Automation 操作 
Ox800A01B0 Automation 操作 中 文件 名 或 类 名 未 找到 
Ox800A01B6 对 象 不 支持 此 属性 或 方法 
Ox800A01B8 Automation 操作 错误 
Ox800A01BD 对 象 不 支持 此 操作 
Ox800A01BE 对 象 不 支持 已 命名 参数 
Ox800A01BF 对 象 不 支持 当前 区 域 设置 
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续 表 
错误 代码 说 明 

Ox800A01C0 未 找到 已 命名 参数 
Ox800A01C1 参数 是 必 选 项 
Ox800A01C2 错误 的 参数 个 数 或 无 效 的 参数 属性 值 
Ox800A01C3 对 象 不 是 一 个 集合 
Ox800A01C5 未 找到 指定 的 DLL 函数 
0x800AO1C7 代码 资源 锁定 错误 
Ox800A01CA 变量 使 用 了 一 个 VBScript 中 不 支持 的 Automation 类 型 
Ox800A01CE 远程 服务 器 不 存在 或 不 可 用 
Ox800A01E1 无 效 图 片 
Ox800A01F4 变量 未 定义 
0x800AO1F5 非法 赋值 
Ox800A01F6 对 象 不 能 安全 地 使 用 Script 编程 
Ox800A01F7 对 象 不 能 安全 初始 化 
0x800AO1F8 对 象 不 能 安全 创建 
0x800AO1F9 无 效 的 或 无 资格 的 引用 
Ox800A01FA 类 没有 被 定义 
Ox800A01FB 
Ox800A1398 
Ox800A1399 
Ox800A139A 
Ox800A139B 规 表达 式 中 缺少 “]” 
Ox800A139C 常规 表达 式 中 缺少 “)” 
0x800A139D 字符 集 越界 
0x800A802B 未 找到 元 素 

3. JavaScript 运行 时 错误 

JavaScript 运行 时 错误 是 指 当 JavaScript 脚本 试图 执行 一 个 系统 不 能 运行 的 动作 时 导致 

的 错误 。 当 正在 运行 脚本 、 计 算 变量 表达 式 或 者 正在 动态 分 配 内 存 时 出 现 JavaScript 运行 
时 错误 。 下 表 是 常见 的 JavaScript 运行 时 错误 。 
着 误 代码 说 ”了 明 

800A0005 非法 过 程 调用 或 参数 
800A0006 溢出 
800A0007 内 存 不 足 
800A0009 下 标 超 界 
800A000A 此 数组 被 固定 或 临时 锁定 
800A000B 零 除 错误 
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续 表 

错误 代码 说 明 
800A000D 类 型 失 配 
800A000E 串 空 间 不 足 
800A0011 不 能 执行 所 请 求 的 操作 
800A001C 栈 空间 不 足 
800A0023 子 过 程 或 函数 未 找到 
800A0030 装载 DLL 出 错 
800A0033 内 部 出 错 
800A0034 坏 文 件 名 或 数 1 
800A0035 文件 未 找到 和 
800A0036 坏 文件 模式 a 
800A0037 文件 已 经 打开 8 
800A0039 设备 IO 错误 
800A003A 文件 已 经 存在 a 
800A003D 磁盘 空间 已 满 a 
800A003E 输入 超出 文件 尾 - 
800A0042 不 能 建立 所 需 的 临时 文件 @ 
800A0043 文件 太 多 @ 
800A0044 设备 不 可 用 的 
800A0046 权限 禁用 (by 
800A0047 磁盘 未 准备 好 
800A004A 不 能 用 不 同 的 驱动 重 命名 电 
800A004B 路 径 /文件 访问 错误 a 
800A004C 路 径 未 找到 a 
800A005B 对 象 变量 或 With 块 变量 未 设置 ， 
800A005C For 循环 未 初始 化 a 
800A005E Null 使 用 无 效 要 
800A01A8 需要 对 象 
800A01A9 Automation 服务 器 不 能 建立 对 象 
800AO1AE 类 不 支持 Automation 
800A01B0 在 Automation 操作 中 找 不 到 文件 名 或 类 名 
800A01B6 对 象 不 支持 这 个 属性 或 方法 
800A01B8 Anutomation 错误 
800A01BD 对 象 不 支持 这 个 动作 
800A01BE 对 象 不 支持 指定 的 参数 
800A01BF 对 象 不 支持 当前 区 域 设置 
800A01C0 指定 的 参数 未 找到 
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续 表 
错误 代码 说 明 
800A01C1 参数 不 可 选 
800A01C2 错误 的 参数 数目 或 非法 属性 分 配 
800A01C3 对 象 不 是 一 个 集合 
800A01C5 指定 的 dll 函数 未 找到 
800A01CA 变量 使 用 了 一 个 JScript 不 支持 的 Automation 类 型 
800A01CE 远程 服务 器 机 器 不 存在 或 不 可 用 
800A01F5 不 能 分 配给 变量 
800A01F6 对 象 对 于 脚本 不 安全 
800A01F7 对 象 对 于 初始 化 不 安全 
800AO1F8 对 象 对 建立 不 安全 
800A1388 不 能 分 配给 “this” 
800A1389 需要 Number 类 型 
800A138A 需要 Function 对 象 
800A138B 不 能 给 函数 返回 值 赋值 
800A138C 
800A138D 
800A138E 
800A138F 1 j 
800A1390 非法 赋值 
800A1391 未 定义 标识 符 
800A1392 需要 Boolean 
800A1393 不 能 执行 来 自 一 个 自由 脚本 的 代码 
800A1394 需要 对 象 的 成 员 
800A1395 需要 VBArray 
800A1396 需要 JScript 对 象 
800A1397 需要 Enumerator 对 象 
800A1398 需要 正则 表达 式 对 象 
800A1399 正则 表达 式 语法 错误 
800A139A 未 预期 的 限定 符 
800A139B 正则 表达 式 中 缺少 “]” 
800A139C 正则 表达 式 中 缺少 “)” 
800A139D 字符 集 范 围 无 效 
800A139E 异常 抛 出 ， 但 无 法 抓 住 
800A139F 函数 没有 合法 的 Prototype( 原 型 ) 对 象 
800A13A0 待 解码 的 URI 包含 有 非法 字符 
800A13Al 待 解 码 的 URI 编码 非法 
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续 表 
错误 代码 说 明 
800A13A2 小 数 部 分 的 位 数 越界 
800A13A3 精度 越界 
800A13A4 | 需要 Array 或 arguments 对 象 


800A13A5 数组 长 度 必须 为 一 个 有 限 正 整数 


800A13A6 必须 赋 给 数组 长 度 一 个 有 限 正 数 


4. JavaScript 语法 错误 


JavaScript 语法 错误 是 指 当 JavaScript 语句 违反 了 JavaScript 脚本 语言 的 一 条 或 多 条 语 


法 规则 时 导致 的 错误 。JavaScript 语法 错误 发 生 在 程序 编译 阶段 ， 在 开始 运行 该 程序 之 a 
前 ， 错 误 发 生 在 开发 过 程 中 。 下 表 是 常见 的 JavaScript 语法 错误 。 - 
错误 代码 说 了 明 E 
800A0005 非法 过 程 调用 或 参数 1 
800A0006 溢出 a 
800A0007 内 存 不 足 a 
800A0009 下 标 超 界 四 
800A000A 此 数组 被 固定 或 临时 锁定 B 
800A000B 零 除 错误 @ 
800A000D 类 型 失 配 @@ 
800A000E 串 空 间 不 足 (By 
800A0011 不 能 执行 所 请 求 的 操作 
800A001C 栈 空间 不 足 电 
800A0023 子 过 程 或 函数 未 找到 a 
800A0030 装载 DLL 出 错 a 
800A0033 内 部 出 错 , 
800A0034 坏 文件 名 或 数 a 
800A0035 文件 未 找到 
800A0036 坏 文 件 模式 
800A0037 文件 已 经 打开 
800A0039 设备 IO 错误 
800A003A 文件 已 经 存在 
800A003D 磁盘 空间 已 满 
800A003E 输入 超出 文件 尾 
800A0042 不 能 建立 所 需 的 临时 文件 
800A0043 文件 太 多 
800A0044 设备 不 可 上 
800A0046 权限 禁 计 
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续 表 
错误 代码 说 明 
800A0047 磁盘 未 准备 好 
800A004A 不 能 用 不 同 的 驱动 重 命名 
800A004B 路 径 / 文 件 访问 错误 
800A004C 路 径 未 找到 
800A005B 对 象 变量 或 With 块 变量 未 设置 
800A005C For 循环 未 初始 化 
800A005E Null 使 用 无 效 
800A01A8 需要 对 象 
800A01A9 Automation 服务 器 不 能 建立 对 象 
8300A01AE 类 不 支持 Automation 
800A01B0 在 Automation 操作 中 找 不 到 文件 名 或 类 名 
800A01B6 对 象 不 支持 这 个 属性 或 方法 
800A01B8 Automation 错误 
800A01BD 对 象 不 支持 这 个 动作 
800A01BE 
800A01BF 
800A01C0 
800A01C1 
800A01C2 错误 的 参数 数 日 或 非法 属性 分 配 
800A01C3 对 象 不 是 一 个 集合 
800A01C5 的 dll 函数 未 找到 
800AO1CAL 量 使 用 了 一 个 JScript 不 支持 的 Automation 类 型 
800A01CE 远程 服务 器 机 器 不 存在 或 不 可 用 
800AO1F5 不 能 分 配给 变量 
800A01F6 对 象 对 于 脚本 不 安全 
800A01F7 对 象 对 于 初始 化 不 安全 
800A01F8 对 象 对 于 建立 不 安全 
800A1388 不 能 分 配给 “this” 
800A1389 需要 Number 类 型 
800A138A 需要 Function 对 象 
800A138B 能 给 函数 返回 值 赋值 
800A138C 不 能 索引 对 象 
800A138D 需要 String 
800A138E 需要 Date 对 象 
800A138F 需要 Object 类 型 
800A1390 非法 赋值 
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续 表 
错误 代码 说 ”上 明 
800A1391 未 定义 标识 符 
800A1392 需要 Boolean 
800A1393 不 能 执行 来 自 一 个 自由 脚本 的 代码 
800A1394 需要 对 象 的 成 员 
800A1395 需要 VBArray 
800A1396 需要 JScript 对 象 
800A1397 需要 Enumerator 对 象 
800A1398 需要 正则 表达 式 对 象 
800A1399 正则 表达 式 语 法 错误 
800A139A 未 预期 的 限定 符 
800A139B 正则 表达 式 中 缺少 “]” 
800A139C 正则 表达 式 中 缺少 “)” 
800A139D 字符 集 范围 无 效 
800A139E 好 出 ， 但 无 法 抓 住 
800A139F 函数 没有 合法 的 Prototype( 原 型 ) 对 象 


800A13A0 
800A13Al 
800A13A2 
800A13A3 
800A13A4 
800A13A5 
800A13A6 


精度 越界 


5. ASP 错误 代码 


待 解码 的 URI 包含 有 非法 字符 
待 解码 的 URI 编码 非法 
小 数 部 分 的 位 数 越界 


需要 Array 或 arguments 对 象 
数组 长 度 必须 为 一 有 限 正 整 数 
必须 赋 给 数组 长 度 一 个 有 限 正 数 


-------.@EOE.-------- 


ASP 错误 指 运 行 ASP 时 产生 的 错误 。 该 类 错误 与 脚本 错误 没有 任何 关系 。 下 表 是 常 
见 的 ASP 错误 代码 。 
着 误 代码 英文 说 明 中 文 说 明 
ASP0100 Out of memory 内 存 不 足 ( 不 能 分 配 要 求 的 内 存 ) 
ASP0101 Unexpected error 意外 错误 
ASP0102 Expecting string input 缺少 字符 串 输 入 
ASP0103 Expecting numeric input 缺少 数字 输入 
ASP0104 Operation not allowed 操作 不 允许 
ASP0105 Index out of ange 索引 超出 范围 (一 个 数组 索引 超 届 ) 
ASP0106 Type Mismatch 类 型 不 匹配 ( 遇 到 的 数据 类 型 不 能 被 处 理 ) 
ASP0107 Stack Overflow 栈 溢出 (正在 处 理 的 数据 超出 了 允许 的 范围 ) 
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续 表 

错误 代码 英文 说 明 中 文 说 明 

ASP0115 Unexpected error 意外 错误 (外 部 对 象 出 现 可 捕获 的 exception name 错误 ， 
脚本 不 能 继续 运行 ) 

ASP0177 Server.CreateObject Failed 服务 器 创建 对 象 失败 (无 效 的 progid) 

ASP0190 Unexpected error 意外 错误 ( 当 释 放 外 部 对 象 ， 产 生 可 捕获 的 错误 ) 

ASP0191 Unexpected error 意外 错误 (在 外 部 对 象 的 OnStartPage 方法 中 产生 可 捕获 
的 错误 ) 

ASP0192 Unexpected error 意外 错误 (在 外 部 对 象 的 OnEndPage 方法 中 产生 可 捕获 
的 错误 ) 

ASP0193 OnStartPage Faild 在 外 部 对 象 的 OnStartPage 方法 中 产生 错误 

ASP0194 OnEndPage Faild 在 外 部 对 象 的 OnEndPage 方法 中 产生 错误 

ASP0240 Script Engine Exception 脚本 引擎 从 Object_ name 对 象 中 抛 出 exception_ name 异常 

ASP0241 CreateObject Exception 对 象 的 CreateObject 方法 引起 了 exception_name 异常 

object_ name 
ASP0242 Query OnStartPage interface | 查询 对 象 Object name 的 OnsException 
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附录 2 网 站 郊 件 清单 


前 台 文 件 名 说 明 后 台 文件 名 说 明 
center.asp 显示 部 分 最 新 商品 、 推 荐 商 | addnews.asp 添加 站 内 新 闻 
品 、 热 门 商 品 
chaxun.asp 订单 查询 addpro.asp 添加 商品 
chk user.asp 验证 用 户 是 否 登录 admin.asp 服务 器 的 有 关 参 数 
class.asp 显示 分 类 对 应 的 商品 信息 bigclass.asp 管理 商品 大 类 
commend.asp 显示 推荐 商品 book.asp 查看 留言 信息 
foot.asp 网 站 底部 信息 chk admin.asp 验证 管理 员 是 否 登 录 
gouwu.asp 购物 车 chk login.asp 验证 管理 员 登 录 
hot.asp 显示 热门 商品 class.asp 管理 商品 分 类 
idea.asp 意见 反馈 comment.asp 管理 商品 评论 
index.agl 前 台 首 页 dismess.as 查看 意见 反馈 
left.asp 显示 用 户 登 录 、 站 内 公告 和 站 ‖ index.asp 重 定向 
内 新 闻 模块 
liuyan.asp 用 户 留言 login.as] 管理 员 登 录 
login.asp 验证 用 户 登录 lookadmin as] 查看 /修改 后 台 用 户 
lookcomment.asp 用 户 评论 lookbook .as] 查看 留言 信息 
looknews.asp 站 内 新 闻 详 细 信 息 lookdismess.asp 信和 
lookpro.asp 商品 详细 信息 looknews .as 查看 站 内 新 闻 信 息 
newgoods.asp 显示 最 新 商品 lookorder.asp 查看 订单 信息 
news.asp 站 内 新 闻 列 表 lookpro.asp 查看 商品 列表 
reg.asp 户 注册 lookuser.asp 查看 会 员 信息 
search.asp 产品 名 称 搜索 manage.as 后 台 首 页 
shouyin.asp 台 master.asp 查看 /添加 后 台 用 户 
sort.asp 商品 分 类 menu.asp 功能 导航 页 面 
top.asp 网 站 头 部 news.asp 查看 站 内 新 闻 列 表 
usercenter.asp 户 中 心 notify.asp 设置 站 内 公告 
include 文件 夹 order.asp 管理 用 户 订单 
conn.asp 前 台数 据 库 连接 文件 pro.asp 查看 单一 商品 的 详细 信息 
connl.asp 后 台数 据 库 连接 文件 1 UpFile.asp, 上 传 功 能 的 表单 
include.asp 全 局 引用 文件 UpLoad.asp 上 传 文件 处 理 
md5.asp MD5 加 密 算法 文件 upload.inc 无 组 件 上 传 类 
User include.asp 户 中 心 功能 文件 Upnews.asp 修改 站 内 新 闻 
uppro.asp 修改 商品 信息 
User.asp 修改 用 户 信 息 


